/* base branding */
/* All non-color related vars go here */
:root {
/* Static Monochromes */
/* Standard Colors */
/* Non-colors */
/* Fonts */
}
/* Theme branding*/
:root {
/* Greyscales (light to dark) */
/* Default Light Mode Color Pallette */ /* panels */
/*--color-6: #363636; not used by light-mode */
/* Branding */ /* brand color */ /* brand color */ /* default text color across site */ /* background color or gradient for main site header */ /* background color or gradient for main site footer */ /* individual page header background color (categories, just added, new releases, studio and star alpha list headers) */ /* used for main search background color */
/* Header Buttons */
/* example "Add Time, Login" button */
/* Header and Footer Links */
/* example "Categories, Just Added, Customer Service, Webmasters" links */
/* Default Buttons */
/* example "View All" button */
/* Default Icons */
/* example "Favorite, WatchLater" icons */
/* Default Drop Down Menus */
/* example "My Account Drop Down, Search Prefilter, Login" button */
/* Major Component and Element Background Colors */
/* Panels, Input Fields, Modals, Dialogs (change email...) */ /* panel background color (typically odd numbered panels) */ /* panel background color (typically even numbered panels) */ /* input field background color */ /* change email, password, login, video settings, targeted scene panels (dark mode) */ /* modals and promo section backgrounds */ /* scene, star, movie attribute lists backgrounds */ /* user selected, CC, payment, video settings */ /* user not selected, CC, payment, video settings */
/* Border Colors */
/* Play Buttons */
/* Misc */ /* movie detail section headers, scene modal section header */ /* dropshadow for scenes, stars, boxcovers */ /* lines between links in the footer */ /* visibile when the mobile navigation exceeds the height of the window */ /* mobile nav background color */ /* alhabetical list headers, stars, studios, alpha search result headers */
}
.dts-theme-light .dts-paygarden-wrapper .dts-paygarden-content {
background: #0579b9;
}
.dts-theme-light .dts-icon-svg-hamburger {
color: #ffffff;
}
.dts-theme-light .dts-icon-circle-close {
color: #ffffff;
}
.dts-theme-light .dts-icon-svg-search-phone {
color: #ffffff;
}
/* theater-theme specific overrides
@import "overrides_light.pcss";*/
/* Assign variables to PCSS rules files */
@-webkit-keyframes dts-scene-highlight-keyframes {
0% {
-webkit-box-shadow: 0px 0px 60px 3px rgba(5, 121, 185, 1);
box-shadow: 0px 0px 60px 3px rgba(5, 121, 185, 1);
background-color: rgba(5, 121, 185, 1);
}
100% {
-webkit-box-shadow: 1px 1px 2px 0.5px rgba(5, 121, 185, .01);
box-shadow: 1px 1px 2px 0.5px rgba(5, 121, 185, .01);
background-color: rgba(5, 121, 185, 0);
}
}
@keyframes dts-scene-highlight-keyframes {
0% {
-webkit-box-shadow: 0px 0px 60px 3px rgba(5, 121, 185, 1);
box-shadow: 0px 0px 60px 3px rgba(5, 121, 185, 1);
background-color: rgba(5, 121, 185, 1);
}
100% {
-webkit-box-shadow: 1px 1px 2px 0.5px rgba(5, 121, 185, .01);
box-shadow: 1px 1px 2px 0.5px rgba(5, 121, 185, .01);
background-color: rgba(5, 121, 185, 0);
}
}
.dts-scene-highlighter-animation {
-webkit-animation-name: dts-scene-highlight-keyframes;
animation-name: dts-scene-highlight-keyframes;
-webkit-animation-duration: 11s;
animation-duration: 11s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: normal;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* AEBN custom reset */
body, html {
height: 100%;
min-width: 280px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
font-smoothing: antialiased;
}
button, a {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, select {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 0;
color: #323232;
font-size: 14px;
height: 28px;
margin: 0;
padding: 0;
}
svg:focus {
outline: none;
}
svg {
outline: none;
}
a {
color: #0579b9;
text-decoration: none;
white-space: nowrap;
-webkit-tap-highlight-color: #0579b9;
}
body {
background-color: #ffffff;
color: #323232;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin: 0;
min-width: 310px;
-webkit-text-size-adjust: 100%
/* ^ Prevents font scaling in iOS landscape */
}
body.no-js {
overflow: hidden;
}
body.no-js main,
body.no-js .modal_player_background,
body.no-js .dts-navigation-mobile-wrapper {
display: none;
}
body {/* ^ Used with noscript tag, to be replaced by @medias cripting when supported */
}
noscript {
background-color: black;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
left:0 ;
min-height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 40000
}
noscript h1 {
font-size: revert;
font-weight: revert;
line-height: normal;
margin: revert;
padding: revert;
}
noscript div {
background-color: white;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: black;
margin: 60px 0;
min-width: 640px;
overflow-y: auto;
padding: 30px;
width: 60%;
}
noscript div p {
margin: revert;
}
noscript ul {
line-height: 36px;
list-style: revert;
margin: 30px;
padding: revert;
}
noscript ul li {
margin: revert;
padding: revert;
}
noscript ul li:last-of-type {
line-height: normal;
}
em {
font-style: italic;
}
.dts-member-purchase-time-wrapper {
width: 40%;
}
.dts-movie-boxcover-back {
/* display: none; */
max-width: 293px;
}
.dts-movie-boxcover-front {
/* display: block; */
max-width: 293px;
}
.dts-movie-detail-action {
div:last-child {
border-bottom-width: 1px;
}
}
.dts-button-play-consumption-rate {
font-size: 14px;
padding-left: 6px;
}
.dts-button-play.large.no-preview {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.dts-button-play-large-icon-text {
padding-left: 6px;
}
.dts-button-play-extra-large {
width: 70%;
min-width: 205px;
}
.dts-play-buttons-wrapper.dts-my-account-play-button {
margin: 6px 0 20px;
}
.dts-play-buttons-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 12px 0;
}
.dts-button-purchase-option {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
background: linear-gradient(#fefefe, #efefef);
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-bottom-width: 0;
border-collapse: collapse;
cursor: pointer;
min-height: 42px
}
.dts-button-purchase-option:last-child {
border-bottom-width: 1px;
}
.dts-button-purchase-option.dts-default-cursor {
cursor: default;
}
.dts-button-purchase-option.dts-download-purchased-state:hover svg {
fill: #ffffff;
}
.dts-button-purchase-option.dts-download-purchased-state:hover .dts-button-purchase-option-text .dts-button-purchase-option-text-title {
color: #ffffff;
}
.dts-button-purchase-option.dts-download-purchased-state:hover .dts-button-purchase-option-text-purchased span {
color: #ffffff;
}
.dts-button-purchase-option.dts-download-purchased-state:hover {
background-color: #0579b9;
background-image: none;
color: #ffffff;
}
.dts-button-purchase-option.dts-download-purchased-state svg {
fill: #0579b9;
}
.dts-button-purchase-option.dts-download-purchased-state .dts-button-purchase-option-text .dts-button-purchase-option-text-title {
color: #0579b9;
}
.dts-button-purchase-option.dts-download-purchased-state .dts-button-purchase-option-text-purchased span {
color: #0579b9;
}
.dts-button-purchase-option.dts-rental-purchased-state:hover svg {
fill: #ffffff;
}
.dts-button-purchase-option.dts-rental-purchased-state:hover .dts-button-purchase-option-text .dts-button-purchase-option-text-title {
color: #ffffff;
}
.dts-button-purchase-option.dts-rental-purchased-state:hover .dts-button-purchase-option-text-purchased span {
color: #ffffff;
}
.dts-button-purchase-option.dts-rental-purchased-state:hover {
background-color: #0579b9;
background-image: none;
color: #ffffff;
}
.dts-button-purchase-option.dts-rental-purchased-state svg {
fill: #0579b9;
}
.dts-button-purchase-option.dts-rental-purchased-state .dts-button-purchase-option-text .dts-button-purchase-option-text-title {
color: #0579b9;
}
.dts-button-purchase-option.dts-rental-purchased-state .dts-button-purchase-option-text-purchased span {
color: #0579b9;
}
.dts-button-purchase-option .dts-show-purchase-actions:hover svg.dts-image-overlay-icon {
cursor: pointer;
}
.dts-button-purchase-option .dts-show-purchase-actions:hover {
cursor: pointer;
}
.dts-button-purchase-option .dts-show-purchase-actions {
height: 100%;
margin: 0 0 0 auto;
}
.dts-button-purchase-option .dts-button-purchase-actions > *:first-child {
border: 0;
}
.dts-button-purchase-option .dts-button-purchase-actions > *:nth-child(2) {
border-left-color: #b5b5b5;
border-left-style: solid;
border-left-width: 1px;
}
.dts-button-purchase-option .dts-button-purchase-actions > *:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-button-purchase-option .dts-button-purchase-actions > * .dts-link-button:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-button-purchase-option .dts-button-purchase-actions > * .dts-link-button {
background-color: #ffffff;
height: 42px;
width: 100%;
}
.dts-button-purchase-option .dts-button-purchase-actions > * {
background-color: #ffffff;
border-left-color: #b5b5b5;
border-left-style: solid;
border-left-width: 1px;
height: 42px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dts-button-purchase-option .dts-button-purchase-actions.dts-button-purchase-actions-show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-button-purchase-option .dts-button-purchase-actions {
border-top-color: #b5b5b5;
border-top-style: solid;
border-top-width: 1px;
display: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.dts-button-purchase-option .dts-button-purchase-option-description {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 42px;
padding: 0;
width: 100%;
}
.dts-button-purchase-option a.dts-button-purchase-option-add_time:hover .dts-button-purchase-option-text-title {
color: #ffffff;
}
.dts-button-purchase-option a.dts-button-purchase-option-add_time:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-button-purchase-option a.dts-button-purchase-option-add_time .dts-button-purchase-option-text-title {
color: #0579b9;
}
.dts-button-purchase-option .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
border: 0;
border-radius: 0;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.dts-button-purchase-option-icon-wrapper svg.dts-image-overlay-icon {
fill: #0579b9;
height: 23px;
width: 23px;
}
.dts-button-purchase-option-icon-wrapper {
color: #0579b9;
font-size: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 31px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 31px;
}
.dts-button-purchase-option-text .dts-button-purchase-option-text-title {
color: #323232;
font-size: 14px;
font-weight: 600;
}
.dts-button-purchase-option-text {
line-height: 16px;
}
.dts-button-purchase-option-text-price span {
color: #323232;
font-size: 14px;
font-weight: 600;
}
.dts-button-purchase-option-text-price {
line-height: 16px;
padding-left: 2px;
}
.dts-button-purchase-option-text-purchased span {
color: #323232;
font-size: 14px;
font-weight: 600;
}
.dts-button-purchase-option-text-purchased {
line-height: 16px;
padding-left: 3px;
}
.dts-button-purchase-option-text-price span, .dts-button-purchase-option-text-reg-price-sale span {
white-space: nowrap;
}
.dts-button-purchase-option-text-reg-price-sale span {
color: #ff0000;
text-decoration: line-through;
}
.dts-button-purchase-option-text-reg-price-sale {
font-size: 14px;
line-height: 17px;
padding-left: 2px;
color: #ff0000;
}
.dts-button-search {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left-color: #b5b5b5;
border-left-style: solid;
border-left-width: 1px;
color: #0579b9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
fill: #0579b9;
height: 24px;
font-size: 20px;
padding: 2px 2px 0 3px
}
.dts-button-search:hover {
color: #808080;
}
.dts-button-advanced-search {
background-color: #efefef;
border-left-color: #b5b5b5;
border-left-style: solid;
border-left-width: 1px;
color: #0579b9;
cursor: pointer;
display: inline-block;
height: 25px;
/* line-height: 27px; */
margin-left: 7px;
padding: 3px 5px 0 5px;
outline: 0;
text-align: center;
vertical-align: middle;
width: 25px
}
.dts-button-advanced-search:hover {
color: #808080;
}
/* .dts-button-advanced-search:hover {
color: var(--branding-1);
} */
.dts-category-index-category-container {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin: 20px;
}
.dts-category-index-category-item-container {
line-height: 36px;
display: inline-block;
margin-bottom: 2px;
width: 100%;
}
.dts-category-index-category-item:hover {
border-color: #0579b9;
}
.dts-category-index-category-item {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
display: block;
height: 36px;
white-space: normal;/* This mess here is to fix a bug in FF's column implementation */
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
padding-left: 6px;
page-break-inside: avoid;
}
#dtsCheckboxFreeMinuteAuth {
height: 12px;
margin-right: 3px;
}
.dts-favorites-container .dts-search-query-attributes .dts-search-crumbs .dts-search-crumb-label {
min-width: auto;
}
.dts-favorites-container .dts-search-query-attributes .dts-search-crumbs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;/* height: 56px; */
margin: 0;
}
.dts-favorites-container .dts-search-query-attributes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item .dts-image-overlay-container:hover {
border-color: #0579b9;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item .dts-image-overlay-container {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item a {
display: block;
width: 100%;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
min-height: 56px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: normal;
margin-left: 6px;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item .dts-image-overlay-area a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 36px;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item .dts-image-overlay-area {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 6px;
position: static;
}
.dts-favorites-container .dts-favorite-list .dts-collection-container .dts-collection-item {
display: block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 56px;
background-color: transparent;/* This mess here is to fix a bug in FF's column implementation */
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
padding-left: 2px;
page-break-inside: avoid;
}
.dts-favorites-container .dts-favorite-list {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-favorites-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
#dtsFreeMinuteBlurb {
margin: 4px 0 20px 0;
}
.dts-collection-item img {
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
cursor: pointer;
display: block;
}
.dts-collection-item-scene .dts-lazy-loading-placeholder {
height: 185px;
}
.dts-collection-item-star .dts-lazy-loading-placeholder {
width: 208px;
}
.dts-collection-item-studio .dts-lazy-loading-placeholder {
height: 146px;
width: 260px;
}
#dtsMovieDetail .dts-collection-item-studio .dts-lazy-loading-placeholder {
height: 100px;
width: 100px;
}
#dtsMovieDetail .dts-collection-item-star .dts-lazy-loading-placeholder {
width: auto;
}
#dtsSettingsMemberFavoritesSearches .dts-list-format-view .dts-collection-container .dts-category-index-category-item span {
display: inline-block;
min-height: auto;
}
#dtsSettingsMemberFavoritesSearches .dts-list-format-view .dts-collection-container .dts-category-index-category-item .dts-member-saved-search-date {
font-size: 14px;
font-style: italic;
}
#dtsSettingsMemberFavoritesSearches .dts-list-format-view .dts-collection-container .dts-category-index-category-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 6px 0;
}
#dtsSettingsMemberFavoritesSearches .dts-list-format-view .dts-collection-container {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
margin: 20px;
}
.dts-copyright {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: dotted 1px rgb(4, 99, 151);
color: rgba(107, 156, 183, .79);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 11px;
}
.dts-hidden {
display: none;
}
.dts-section-page-detail-star h1 {
font-size: 32px;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel .dts-collection-item:first-child {
margin-left: 0;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header {
padding-left: 0;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 a:hover {
text-decoration: underline;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 a {
white-space: normal;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 {
font-size: 17px;
font-weight: 600;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star.dts-section-page-detail-no-image {
width: 100%;
}
.dts-section-page-detail-star .dts-section-page-detail-info-star {
line-height: 28px;
width: calc(100% - 439px);
}
.dts-featured-star .dts-featured-star-movies-and-scenes .dts-link-button:last-of-type {
margin-left: 10px;
}
.dts-featured-star .dts-section-page-detail-star .dts-section-page-detail-info-star {
width: calc(100% - 317px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-featured-star .dts-section-page-detail-star {
padding: 0 0 0 20px;
position: relative;
}
.dts-featured-star .section-detail.dts-list-attributes {
margin: 27px 20px 0 0;
}
.dts-featured-star .dts-panel-content .dts-panel-header {
margin-top: 0;
}
.dts-featured-star .dts-section-page-detail-main-image-wrapper {
margin-bottom: 0;
}
.dts-featured-star .dts-section-page-detail-main-image-wrapper img {
display: block;
}
.dts-featured-star .dts-panel-star-detail-photo-gallery {
margin-top: 0;
}
.dts-featured-star .dts-panel-header {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 20px;
}
.dts-featured-star .dts-section-page-detail-star .dts-section-page-detail-info-star.dts-section-page-detail-headshot-image {
width: calc(100% - 120px);
}
.dts-featured-star-queue .dts-container-star-img-name {
margin-right: 20px;
}
.dts-featured-star-queue .dts-queue .dts-collection-item:first-of-type {
margin-left: 0;
}
.dts-featured-star-queue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-default-navigation .dts-icon-x-pass {
bottom: -1px;
line-height: 22px;
}
.dts-default-navigation {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 74px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 2048px;
padding: 13px 20px;
position: relative;
}
.dts-flex-item-nav-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: calc(100% - 200px);
}
.dts-flex-item-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-flex-wrapper-account-buttons .dts-link-button:last-child, .dts-flex-wrapper-login-buttons .dts-link-button:last-child {
margin-right: 0;
}
.dts-flex-wrapper-account-buttons .dts-link-button, .dts-flex-wrapper-login-buttons .dts-link-button {
height: 30px;
margin-right: 10px;
}
.dts-flex-wrapper-account-buttons,
.dts-flex-wrapper-login-buttons {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-flex-wrapper-page-form h1.dts-page-title {
color: #323232;
}
.dts-flex-wrapper-page-form {
border: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
max-width: 335px;
padding: 0 24px 24px;
}
.dts-flex-wrapper-page-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-flex-wrapper-cs {
width: 100%;
}
.dts-form-cs-text {
font-size: 14px;
line-height: 18px;
margin-top: 40px;
width: 100%;
}
.dts-form-field-fake-label {
margin-bottom: 10px;
}
.dts-form-field-checkbox:focus {
outline: #0579b9 auto 2px;
}
.dts-form-field-checkbox {
cursor: pointer;
height: 18px;
margin-right: 6px;
width: 18px;
}
.dts-form-field-container.dts-form-field-user-name {
width:98%;
}
.dts-form-field-container {
margin: 20px 0px;
}
.dts-form-field-label {
color: #323232;
padding-bottom: 3px;
}
.dts-form-field-label-radio-button {
vertical-align: middle;
}
.dts-form-field-label-radio-button span {
font-size: 14px;
font-style: italic;
display: block;
margin-left: 17px;
}
.dts-form-field-radio-button {
vertical-align: middle
}
.dts-form-field-remember-me .dts-form-field-label {
margin-left: 8px;
}
.dts-form-field-remember-me {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-form-field-text-button a:focus {
outline: #0579b9 auto 2px;
}
.dts-form-field-text-button {
margin-left: 8px;
}
.dts-form-field-text-input,
.dts-form-field-select {
display: block;
margin-top: 10px;
padding: 0px 3px;
}
.dts-form-field-text-link {
float: right;
margin-left: 8px;
}
.dts-form-field-text-link a,
.dts-form-field-text-button a{
color: #0579b9;
font-size: 14px;
}
.dts-form-field-text-link a:hover,
.dts-form-field-text-button a:hover {
color: #0579b9;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, select:focus {
outline: #0579b9 auto 2px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
select {
background-color: #ffffff;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
height: 30px;
width: 100%;
}
#dtsLoginButton:focus {
outline: #0579b9 auto 2px;
}
#prePurchasePBM input[type="text"] {
width: 50%;
}
#prePurchasePBM select {
width: 75px;
}
.dts-form-field-value-text-container {
margin-bottom: 35px;
}
.dts-form-field-value-text-container .dts-form-field-fake-label,
.dts-form-field-value-text-container .dts-form-text {
font-weight: 700;
}
.dts-form-group .dts-form-field-long {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 4px;
width: 280px;
}
.dts-form-group .dts-form-field-short {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 60px;
padding: 0 4px;
}
.dts-form-group span {
padding-right: 20px;
}
.dts-form-group .dts-form-group-exp-ccv span {
padding: 0 3px;
}
.dts-form-group .dts-form-group-exp-ccv input[type=number]:first-of-type {
margin-right: 0;
}
.dts-form-group .dts-form-group-exp-ccv input[type=number] {
margin-right: 4px;
}
.dts-form-group .dts-form-group-exp-ccv {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-right: 0;
}
.dts-form-group-exp-ccv {
white-space: nowrap;
}
.dts-form-inline-input {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 30px;
}
.dts-form-submit-wrapper {
margin-top: 12px;
}
.dts-form-wrapper .dts-form-input-label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
margin-right: 10px;
}
.dts-form-wrapper {
margin: 10px 0;
}
#loginForm.dts-form-wrapper {
margin-bottom: 0px;
padding-bottom: 24px;
}
#loginForm .dts-form-field-container:last-child {
margin-bottom: 0px;
}
#signupForm .dts-form-field-container:last-child {
margin-bottom: 0px;
}
#emailChangeForm .dts-form-field-container:last-child {
margin-bottom: 0px;
}
#passwordChangeForm .dts-form-field-container:last-child {
margin-bottom: 0px;
}
.dts-icon-svg-add-time {
cursor: pointer;
padding-left: 1px;
}
.dts-icon-svg-back {
height: 24px;
width: 24px;
}
.dts-icon-boxcover-overlay {
bottom: 10px;
position: absolute;
right: 10px;
z-index: 10;
}
.dts-icon-svg-cart {
line-height: 30px;
vertical-align: middle;
}
.dts-icon-svg-chat {
height: 28px;
}
.dts-icon-svg-chevron {
cursor: pointer;
display: none;
fill: #0579b9;
height: 24px;
width: 24px;
}
.dts-icon-svg-chevron-down {
cursor: pointer;
fill: #0579b9;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.dts-icon-svg-chevron-up {
cursor: pointer;
fill: #0579b9;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dts-icon-svg-common-bkg-path {
fill: none;
}
.dts-icon-svg-download {
cursor: pointer;
fill: #0579b9;
}
.dts-icon-svg-email {
height: 28px;
}
.dts-icon-svg-exclude {
height: 18px;
}
.dts-icon-svg-include {
height: 18px;
}
.dts-icon-svg-hamburger {
cursor: pointer;
display: none;
color: #0579b9;
}
.dts-icon-circle-close{
color: #0579b9;
}
.dts-icon-svg-learn-more {
cursor: pointer;
fill: #0579b9;
height: 14px;
width: 14px;
}
.dts-icon-svg-no-image {
fill: #0579b9;
}
.dts-icon-svg-orientation {
fill: #0579b9;
height: 24px;
margin-top: 2px;
width: 24px;
}
.dts-icon-svg-phone {
height: 28px;
}
.dts-icon-svg-play-preview {
height: 28px;
min-width: 28px; /* prevents icon from shrinking weirdly */
width: 28px;
}
.dts-icon-svg-radio {
cursor: pointer;
fill: #0579b9;
height: 24px;
width: 24px;
padding: 0 6px;
margin-top: -2px;
}
.dts-icon-svg-save {
fill: #0579b9;
height: 24px;
width: 24px;
}
.dts-icon-svg-scene-image-play {
mix-blend-mode: difference;
fill-opacity: 0.25;
-webkit-filter: url(#shadow);
filter: url(#shadow);
height: 28px;
width: 28px;
}
.dts-icon-svg-rotate-cover {
fill: #0579b9;
height: 28px;
width: 28px;
}
.dts-icon-svg-search-phone {
cursor: pointer;
display: none;
font-size: 28px;
}
.dts-icon-svg-stream {
cursor: pointer;
padding-left: 1px;
}
.dts-icon-svg-twitter {
cursor: pointer;
height: 28px;
width: 28px;
}
.dts-icon-svg-view-all {
cursor: pointer;
fill: #0579b9;
height: 14px;
width: 14px;
}
.dts-icon-svg-view-grid {
fill: #0579b9;
/* height: 21px;
width: 21px; */
font-size: 21px;
}
.dts-icon-svg-view-list {
fill: #0579b9;
/* height: 21px;
width: 21px; */
font-size: 21px;
}
.dts-icon-svg-visibility-on {
cursor: pointer;
fill: #0579b9;
height: 28px;
width: 28px;
}
.dts-icon-svg-visibility-off {
cursor: pointer;
fill: #0579b9;
height: 28px;
width: 28px;
}
.dts-image-container-category span {
display: inline-block;
line-height: 28px;
}
.dts-image-container-category {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-indent:before{
margin-left:30px;
}
.dts-indent {
display: table-cell;
}
.dts-index-list-columns .dts-menu-item:hover {
background-color: transparent;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #0579b9;
}
.dts-index-list-columns .dts-menu-item.dts-index-list-item-selected:hover .dts-search-filters-more-remove-icon {
fill: #ffffff;
}
.dts-index-list-columns .dts-menu-item.dts-index-list-item-selected:hover {
background-color: #0579b9;
border-color: #5a5a5a;
color: #ffffff;
}
.dts-index-list-columns .dts-menu-item.dts-index-list-item-selected .dts-index-page-item-title {
-ms-flex-preferred-size: 95%;
flex-basis: 95%;
}
.dts-index-list-columns .dts-menu-item.dts-index-list-item-selected .dts-search-filters-more-remove-icon {
display: inline-block;
fill: #0579b9;
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
height: 15px;
margin-left: auto;
padding-left: 4px;
width: 15px;
}
.dts-index-list-columns .dts-menu-item.dts-index-list-item-selected {
border-color: #5a5a5a;
border-style: solid;
border-width: 1px;
border-radius: 3px;
}
.dts-index-list-columns .dts-menu-item .dts-index-page-item-title {
white-space: normal;
line-height: 1;
}
.dts-index-list-columns .dts-menu-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
line-height: normal;
margin-bottom: 2px;
}
.dts-index-list-columns .dts-search-filter-section-criteria-item {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.dts-index-list-columns {
border-color: transparent;
border-style: solid;
border-width: 1px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
width: 90%;
margin: 12px 0 12px 10%;
}
.dts-index-page {
padding: 0 20px;
}
.dts-index-page-item-link {
position: relative;
}
.dts-index-list-wrapper.dts-single-column .dts-index-list-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
max-width: 320px;
}
.dts-index-list-wrapper.dts-single-column {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-index-list-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.dts-lazy-loading-indicator {
color: rgba(0, 0, 0, .7);
font-size: 24px;
text-shadow: 0 0 1px rgba(255, 255, 255, .9);
}
.dts-lazy-loading-placeholder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .05);
-webkit-box-shadow: 1px 1px rgba(255, 255, 255, .3), -1px -1px rgba(255, 255, 255, .3);
box-shadow: 1px 1px rgba(255, 255, 255, .3), -1px -1px rgba(255, 255, 255, .3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.dts-link-responsive-nav {
display: inline-block;
}
.dts-links-movies-and-scenes {
display: inline-block;
padding-bottom: 25px;
}
.dts-link-text {
color: #0579b9;
cursor: pointer;
text-decoration: none;
}
.dts-logo {
height: 64px;
}
.dts-menu-account {
color: #323232;
min-width: 220px;
}
.dts-menu-account-info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 30px;
}
.dts-menu-account-timebank span {
margin-left: 4px;
white-space: nowrap;
}
.dts-menu-account-timebank {
font-weight: 400;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-menu-categories-buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
min-width: 350px;
padding: 0 10px
}
.dts-menu-categories-buttons #dtsGayVodMobileLink.dts-link-button {
margin-left: 4px;
}
.dts-menu-categories-buttons #dtsStraightVodMobileLink.dts-link-button {
margin-left: 4px;
}
.dts-menu-categories-buttons #dtsVRVodMobileLink.dts-link-button {
margin-left: 5px;
}
.dts-menu-categories-buttons #dtsViewAllCatsMobileLink.dts-link-button {
margin-left: 1px;
}
#dtsAccountMenuButton {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px;
padding-top: 2px;
user-select: none;
}
.dts-menu-collapsible-arrow {
font-size: 12px;
padding-top: 2px;
}
.dts-menu-item {
color: #0579b9;
display: block;
height: 30px;
line-height: 30px;
padding: 0 10px;
vertical-align: middle;
}
.dts-menu-item-category {
padding: 0 8px 0 2px;
}
.dts-menu-item.mobile {
background: transparent;
border-color: transparent;
border-style: solid;
border-radius: 3px;
border-width: 1px;
color: #0579b9;
font-size: 16px;
padding: 5px 20px;
}
.dts-menu-item.mobile:hover {
background-color: #ffffff;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #0579b9;
}
.dts-menu-list-account .dts-menu-item:hover, .dts-menu-list-search-sort .dts-menu-item:hover {
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-menu-list-account .dts-menu-item:hover a, .dts-menu-list-search-sort .dts-menu-item:hover a {
color: #0579b9;
}
.dts-menu-list-account li:hover, .dts-menu-list-search-sort li:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-menu-list-account li, .dts-menu-list-search-sort li {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
}
.dts-menu-list-category {
margin: 0;
height: auto;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
}
.dts-menu-list-cams {
margin: 0;
height: auto;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.dts-menu-section:last-child {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-menu-section {
-webkit-box-shadow: 0 1px rgba(0, 0, 0, .25);
box-shadow: 0 1px rgba(0, 0, 0, .25);
padding: 10px;
}
.dts-mobile-bio-header svg {
display: none;
}
.dts-mobile-bio-header {
display: block;
}
.dts-mobile-search-button-close .dts-icon-svg-back {
height: 16px;
width: 16px;
}
.dts-mobile-search-button-close {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: none;
color: #545454;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 28px;
}
.dts-my-account-rental-expiration-flag {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
border-color: #808080;
border-style: solid;
border-width: 1px;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
font-weight: bold;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 6px 0 6px;
width: 100%;
}
.dts-nav-link-text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.dts-nav-link-text-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: transparent;
border-style: solid;
border-radius: 3px;
border-width: 1px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 600;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 3px
}
.dts-nav-link-text-item.dts-icon-theme-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-nav-link-text-item.dts-icon-theme-switcher span {
font-size: 14px;
padding: 0 1px 0 2px;
}
.dts-nav-link-text-item:hover {
border-color: #ffffff;
}
.dts-logo {
outline-width: 0;
}
#dtsCategoryMenuButton {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px;
cursor: pointer;
}
#dtsCamsMenuButton {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px;
cursor: pointer;
}
.dts-nav-menu-category {
max-width: 595px;
}
.dts-nav-menu-collapsible {
background-color: #f8f8f8;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: none
}
.dts-nav-menu-collapsible .dts-my-account-logout:hover .dts-menu-item {
color: #0579b9;
text-decoration: none;
}
.dts-nav-menu-collapsible .dts-my-account-logout:hover {
background: #ffffff;
border-color: #0579b9;
}
.dts-nav-menu-collapsible .dts-my-account-logout {
border-color: transparent;
border-style: solid;
border-radius: 3px;
border-width: 1px;
}
.dts-nav-menu-collapsible li:hover .dts-menu-item {
color: #0579b9;
}
.dts-nav-menu-collapsible li:hover {
background: #ffffff;
border-color: #0579b9;
}
.dts-nav-menu-collapsible li .dts-menu-item {
color: #0579b9;
}
.dts-nav-menu-collapsible li {
border-color: transparent;
border-style: solid;
border-radius: 3px;
border-width: 1px;
}
.dts-account-menu-page .dts-nav-menu-collapsible {
display: block;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 {
font-size: 24px;
line-height: 26px;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 a {
white-space: normal;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 a .dts-scene-number {
white-space: nowrap;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 .dts-scene-title-metadata {
font-size: 18px;
padding-right: 5px;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 .dts-scene-title-metadata span {
white-space: nowrap;
}
.dts-section-page-detail-info-scene .dts-section-page-heading-title h1 .dts-scene-title-metadata .dts-badge-xpass-movie-title {
padding-bottom: 2px;
vertical-align: middle;
}
.dts-page-header {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 69, 126, 1)), color-stop(60%, rgba(2, 120, 196, 1)));
background: linear-gradient(180deg, rgba(0, 69, 126, 1) 0%, rgba(2, 120, 196, 1) 60%);
}
/* TODO: Prefix these */
.dts-pagination{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-pagination li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.dts-pagination li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 38px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 38px;
margin: 2px;
padding: 0 2px;
}
.dts-pagination li.active, .dts-pagination li.active:hover {
background-color: transparent;
border-color: transparent;
color: #323232;
cursor: default;
font-weight: 600;
}
.dts-pagination li:hover a {
color: #ffffff;
}
.dts-pagination li:hover svg {
fill: #ffffff;
}
.dts-pagination li:hover {
background-color: #0579b9;
}
.dts-pagination-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 10px 0;
}
.dts-paginator-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dts-paginator.bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-paginator.bottom .dts-button-search {
border-width: 0;
}
.dts-paginator.top {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #d1d1d1;
}
.dts-paginator {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 56px;
}
.dts-paginator-search-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
padding: 0 2px 0 0
}
.dts-paginator-search-section .dts-paginator-search-form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-paginator-search-section .dts-paginator-search-form .dts-paginator-label {
margin-right: 10px;
white-space: nowrap;
}
.dts-paginator-search-section .dts-paginator-search-form .dts-search-input {
background: #ffffff;
border-color: #b5b5b5;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #323232;
font-weight: 900;
min-width: auto;
padding: 0;
text-align: center;
width: 70px;
}
.dts-paginator-search-section .dts-paginator-search-form .dts-button-search {
border-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
}
.dts-paginator-search-section .dts-paginator-search-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}
.dts-paginator-search-section #dtsPaginatorError {
color: #ff0000;
display: none;
margin: 8px;
position: absolute;
}
.dts-panel-header h1 a {
white-space: normal;
}
.dts-pitch-banner img {
display: block;
}
.dts-question {
font-weight: 600;
padding-bottom: 5px;
}
.dts-answer p {
margin-bottom: 12px;
}
.dts-answer {
line-height: 24px;
}
.dts-answer a:hover {
text-decoration: underline;
}
.dts-answer img {
vertical-align: middle;
}
.dts-answer ol li {
list-style: decimal;
list-style-position: inside;
}
.dts-search-query-attributes {
padding: 0 20px 20px;
}
.dts-scene-info.dts-list-attributes a:focus {
outline: #0579b9 auto 2px;
}
.dts-scene-info.dts-list-attributes .dts-star-vignette {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
width: 32px;
position: relative;
font-size: 18px;
font-weight: 600;
border: 1px solid #0579b9;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 11px;
background-color: #e8e8e8;
color: #0579b9;
}
.dts-scene-info.dts-list-attributes .dts-star-vignette-img {
top: 11px;
margin-top: 0;
}
.dts-scene-info.dts-list-attributes li.dts-scene-strip-stars a.dts-text-link {
margin-right: 10px;
}
.dts-scene-info.dts-list-attributes li.dts-scene-strip-stars span:last-of-type a {
margin-right: 0;
}
.dts-scene-info.dts-list-attributes {
padding: 0 8px 12px;
}
.dts-scene-info {
margin: 0 20px;
}
.dts-scene-list-grid-wrapper {
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 40px;
/* margin: 6px; */
margin: 0 6px 0 0;
min-height: 40px;
}
.dts-scene-play {
padding: 0 20px
}
.dts-scene-play.dts-play-buttons-wrapper {
margin: 0;
width: 293px;
}
#dtsQueueStarDetailPhotoGallery {
width: 100%;
}
.dts-section-page-detail-main-image-wrapper img {
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
}
.dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes .dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
}
.dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes .dts-link-button {
background-color: #0579b9;
border-color: #ffffff;
border-radius: 3px;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
margin: 15px 0 0 0;
padding-bottom: 30px;
text-align: center;
width: 48.5%;
}
.dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0;
width: 100%;
}
.dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-section-page-detail-main-image-wrapper {
margin-right: 20px;
margin-bottom: 20px;
}
.dts-section-page-detail-main-image-wrapper .dts-movie-boxcover img {
display: block;
}
.dts-section-page-detail-main-image-wrapper .dts-movie-boxcover {
display: inline-block;
outline: none;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.dts-section-page-detail-description h2 {
font-size: 18px;
line-height: 28px;
}
.dts-section-page-detail-description {
font-size: 16px;
line-height: 22px;
margin-bottom: 30px;
padding-bottom: 36px;
}
.dts-section-page-detail-info.dts-section-page-detail-no-image {
width: 100%;
}
.dts-section-page-detail-info {
line-height: 28px;
width: calc(100% - 313px);
}
.dts-panel-exact-match-movie .dts-section-page-detail-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-promotional-strike-through {
color: #ff0000;
text-decoration: line-through;
}
.dts-section-form-heading h1 {
font-weight: 600;
}
.dts-section-form-heading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
height: 56px;
}
.dts-section-page-detail-info-star .dts-list-attributes {
margin-top: 15px;
}
/* Use dts-section-page-detail-info-movie only on Movie Detail and exact matches */
.dts-section-page-detail-movie .dts-section-page-detail-info .dts-panel {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.dts-section-page-detail-movie .dts-section-page-detail-info .dts-panel-header h1 {
font-size: 18px;
line-height: 28px;
}
.dts-section-page-detail-movie .dts-section-page-detail-info .dts-panel-header {
margin-top: 30px;
padding: 0 0 10px;
}
.dts-section-page-detail-movie .dts-section-page-detail-info .dts-star-name-overlay {
font-size: 14px;
line-height: 20px;
}
.dts-section-page-detail-movie .dts-section-page-detail-info .dts-performer-name-overlay {
font-size: 14px;
line-height: 20px;
}
.dts-section-page-detail-mobile-header {
display: none;
}
.dts-section-page-heading-nav {
margin-left: auto;
white-space: nowrap
}
.dts-section-page-heading-nav .dts-link-text {
font-size: 18px;
}
.dts-section-page-detail-description-body {
height: 66px;
overflow-y: hidden;
position: relative;
}
.dts-section-page-detail-description-body.showAll {
overflow-y: visible;
height: auto;
}
h2.dts-policy-content-parent-section-header {
color: #323232;
font-size: 22px;
font-weight: 600;
justify-self: flex-start;
margin: 20px 0 25px;
}
.dts-policy-content-text {
line-height: 25px;
margin-bottom: 25px;
}
.dts-policy-content-text-address {
margin-bottom: 25px;
}
.dts-policy-content-text a:hover, .dts-policy-content-text-address a:hover {
text-decoration: underline;
}
.dts-policy-content-text a,
.dts-policy-content-text-address a {
color: #0579b9;
}
.dts-policy-content-text p {
margin-bottom: 20px;
}
.dts-policy-content-text-address strong,
.dts-policy-content-text strong {
font-weight: 700;
}
.dts-policy-content-wrapper {
width: 65%;
}
.dts-search-account-login {
-ms-flex-item-align: end;
align-self: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-top: 3px;
width: 100%;
}
.dts-search-form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
width: 100%;
}
.dts-search-input {
border-left-color: #b5b5b5;
border-left-style: solid;
border-left-width: 1px;
background-color: #ffffff;
display: inline-block;
width: 100%;
min-width: 100px;
outline: 0;
padding-left: 3px;
vertical-align: top;
-webkit-appearance: none;
}
.dts-search-input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 16px;
width: 16px;
background-image: url("data:image/svg+xml;utf8,");
cursor: pointer;
}
.dts-search-prefilter {
background-color: #efefef;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0579b9;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 28px;
line-height: 24px;
padding: 2px 5px 0 5px;
outline: 0;
text-align: center;
vertical-align: middle;
width: auto;
}
.dts-search-prefilter-menu-text:hover {
color: #0579b9;
}
.dts-search-prefilter-menu-text {
cursor: pointer;
border: 1px solid transparent;
margin: 2px;
}
.dts-search-prefilter-wrapper {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
#dtsSearchStudios .dts-body-section .dts-search-studios section:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
#dtsSearchStudios .dts-body-section .dts-search-studios {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
#dtsSearchStudios .dts-body-section {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-section-page-detail-info-movie .dts-list-attributes a {
white-space: normal;
}
.dts-section-page-detail-info-movie .dts-section-page-heading-title a {
white-space: normal;
}
.dts-section-page-detail-info-movie .dts-section-page-detail-description h2 {
color: #323232;
}
.dts-section-page-detail-info-movie .dts-panel .dts-panel-header h1 span.dts-panel-header-title-no-link {
color: #323232;
}
.dts-slider-control-wrapper .dts-slider-background {
border: 0;
height: 3px;
}
.dts-slider-control-wrapper .dts-slider-button:before {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0, 0, 0, .5);
content: '|||';
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 8px;
height: 12px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 2px;
padding-left: 1px;
}
.dts-slider-control-wrapper .dts-slider-button {
border-color: rgba(0, 0, 0, .5);
border-radius: 500px;
border-style: solid;
width:26px;
height:14px;
background-color: #0579b9;
top: -6px;
left: 7px;
}
.dts-star-bio {
white-space: pre-line;
}
.dts-star-exact-match-wrapper {
margin-top: 12px;
}
.dts-studio-name-wrapper a:focus {
outline: #0579b9 auto 2px;
}
.dts-studio-name-wrapper a:hover {
text-decoration: underline;
}
.dts-studio-name-wrapper h2 {
display: inline-block;
}
.dts-studio-name-wrapper {
font-size: 15px;
line-height: 28px;
margin-bottom: 10px;
}
.dts-tooltip:after {
left: 50%;
opacity: 0;
position: absolute;
z-index: -100;
}
.dts-tooltip:hover:after,
.dts-tooltip:focus:after {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
z-index: 100;
}
.dts-tooltip:after {
background: #ffffff;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
bottom: 44px;
color: #323232;
font-size: 14px;
left: 12px;
line-height: revert;
padding: 6px;
-webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
-webkit-transform: scale(.6) translateY(50%);
transform: scale(.6) translateY(50%);
white-space: pre;
width: auto;
}
.dts-tooltip:hover:after,
.dts-tooltip:focus:after {
-webkit-transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}
.dts-widget-search {
background-color: #efefef;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
height: 28px;
margin-bottom: 2px;
margin-right: 6px;
min-width: 275px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding: 0;
}
/*-- IE11 --*/
@media screen and (-ms-high-contrast: none) {
.dts-widget-search {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
main .dts-header-section .dts-no-nav .dts-link-text.dts-link-continue-browsing {
color: #ffffff;
font-size: 18px;
}
main .dts-header-section .dts-no-nav h1 span {
font-size: 18px;
}
main .dts-header-section .dts-no-nav h1 {
font-size: 24px;
}
main .dts-header-section .dts-no-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
main .dts-header-section {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
main .dts-body-section.dts-view-centered > * {
background: #ffffff;
border-color: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
border-radius: 3px;
width: 50%;
}
main .dts-body-section.dts-view-centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
main .dts-body-section {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;/* height: 100%; */
margin: 0 auto;
max-width: 2048px;
}
main > section {
background-color: #ffffff;
}
/* Page heading tag*/
.dts-section-page-heading {
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 20px;
}
.dts-section-page-heading-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.dts-section-page-heading-detail h1 {
font-size: 32px;
font-weight: 600;
line-height: 32px;
}
/* Detail pages*/
/* This might be replaced by the page heading section above */
.section-detail h1 {
font-size: 24px;
padding: 10px 0 5px 0;
}
.section-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.section-detail-title {
-ms-flex-item-align: start;
align-self: flex-start;
}
.section-detail-nav {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: auto;
}
.dts-section-page-detail .dts-panel-header h1 {
color: rgba(0, 0, 0, .8);
}
.dts-section-page-detail .dts-panel-header-title-nolink h1 {
color: #323232;
}
.dts-section-page-detail h2 {
font-weight: 600;
}
.dts-section-page-detail .dts-panel {
padding: 6px 0 24px 0;
width: 100%;
}
.dts-section-page-detail .dts-queue {
width: 100%;
}
.dts-section-page-detail {
padding: 25px 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-list-attributes {
border-color: #d1d1d1;
border-radius: 3px;
border-style: solid;
border-width: 1px;
background-color: #f6f6f6;
font-size: 15px;
margin-bottom: 10px;
padding: 0 8px
}
.dts-list-attributes a:hover {
text-decoration: underline;
}
.dts-list-attributes ul {
line-height: 28px;
}
.dts-list-attributes li {
display: inline-block;
padding-right: 12px;
}
.dts-list-attributes .section-detail-list-item-title {
font-weight: 600;
}
.dts-list-format-view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#pageContentStarDetail .dts-section-page-detail-star h1 {
font-size: 32px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-desktop-header {
grid-column: 1 / 3;
grid-row: 1 / 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper {
-ms-flex-item-align: end;
align-self: end;
grid-column: 1 / 3;
grid-row: 2 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-row-align: center;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes .dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes .dts-link-button {
background-color: #ffffff;
border-color: #0579b9;
border-radius: 3px;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding-bottom: 30px;
text-align: center;
width: 48.5%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper .dts-links-movies-and-scenes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper.dts-links-movies-and-scenes-wrapper-no-image {
margin-top: 10px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 419px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
grid-column: 1 / 3;
grid-row: 3 / 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-list-attributes {
border: none;
border-radius: 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
background: transparent;
padding: 8px 0;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel .dts-collection-item:first-child {
margin-left: 0;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header {
margin-top: 0;
padding-left: 0;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 a:hover {
text-decoration: underline;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 a {
white-space: normal;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-panel-header-title h1 {
font-size: 17px;
font-weight: 600;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-section-page-detail-headshot-image {
width: calc(100% - 120px);
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-section-page-detail-description .dts-section-page-detail-description-body {
height: 195px;
overflow-y: auto;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-section-page-detail-description .dts-section-page-detail-description-header.section-detail-list-item-title {
border-bottom: 1px solid #d1d1d1;
padding-bottom: 8px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-section-page-detail-description.scrollable {
border-bottom: 1px solid #d1d1d1;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star .dts-section-page-detail-description {
margin: 10px 0 0 0;
padding-bottom: 0;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star.dts-section-page-detail-no-image {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-info-star {
line-height: 28px;
padding-bottom: 20px;
width: calc(100% - 439px);
}
#pageContentStarDetail .dts-section-page-detail-star {
-ms-flex-line-pack: start;
align-content: start;
display: grid;
grid-template-columns: 439px calc(100% - 439px);
display: -ms-grid;
-ms-grid-columns: 439px calc(100% - 439px);
-ms-grid-rows: 1fr 1fr 5fr;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper img {
display: block;
margin: auto;
margin-top: 50%;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper {
margin-bottom: 50%;
width: 419px;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper {
-ms-flex-item-align: start;
align-self: start;
grid-column: 1 / 2;
grid-row: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column-align: start;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-section-page-detail-desktop-header {
grid-column: 2 / 3;
grid-row: 1 / 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-section-page-detail-info.dts-section-page-detail-info-star {
grid-column: 2 / 3;
grid-row: 2 / 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image {
-ms-flex-line-pack: start;
align-content: start;
display: grid;
grid-template-columns: 439px calc(100% - 439px);
grid-template-rows: 40px 1fr;
display: -ms-grid;
-ms-grid-columns: 439px calc(100% - 439px);
-ms-grid-rows: 40px 1fr;
}
/* Star stuff */
.dts-container-star-img-name {
position: relative;
}
.dts-container-star-img-name a:hover {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-container-star-img-name a {
height: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
}
#dtsSettingsMemberPurchasesRentals .dts-image-overlay-area {
top: 43px;
}
#dtsSettingsMemberPurchasesRentals .dts-grid .dts-collection-item img.dts-badge-xpass-boxcover {
top: 50px;
}
.dts-container-star-img-name img {
display: block;
}
.dts-star-name-overlay {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .5);
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
white-space: normal;
}
.dts-star-with-img-exact-match-wrapper {
margin-top: 12px;
}
/* Performer Stuff */
.dts-container-performer-img-name {
position: relative;
}
.dts-container-performer-img-name a{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.dts-container-performer-img-name .dts-image-overlay-area a {
display:block;
left: -40px;
z-index: 1000;
}
.dts-container-performer-img-name img {
display: block;
}
.dts-performer-name-overlay {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .5);
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
white-space: normal;
}
.dts-performer-with-img-exact-match-wrapper {
margin-top: 12px;
}
.noselect, img {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form {
max-width: 400px;
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered > * {
width: 80%;
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered .dts-promo-info-item .dts-promo-info-item-label {
font-weight: 600;
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered .dts-promo-info-item {
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 20px;
padding-bottom: 20px;
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered .dts-promo-info-directions {
font-style: italic;
padding-bottom: 30px;
}
#dtsSalesPromo-ticket .dts-body-section.dts-view-centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsSalesPromo-ticket .dts-body-section {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
@media screen {
.dts-print-receipt-heading {
display: none;
}
}
@media print {
.dts-footer-section, #dtsHeader, #dtsBtnPrintReceipt, #dtsHeadingReceipt {
display: none;
}
main .dts-body-section.dts-view-centered {
display: block;
}
.dts-print-receipt-heading h1 {
font-size: 32px;
}
.dts-print-receipt-heading h2 {
font-size: 24px;
margin-top: 24px;
}
.dts-print-receipt-heading {
display: block;
color: #323232;
font-weight: bold;
}
}
input:invalid {
/* Leaving this in case we change our minds */
/* border-color: var(--standard-error); */
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.dts-promo-message {
background-color: #0579b9;
text-align: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
a {
span {
padding-right: 5px;
white-space: normal;
}
min-height:32px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color: #ffffff;
font-weight: bold;
}
}
.dts-slider {
display:block;
height:100%;
margin:0;
padding:0;
position:absolute;
top:0;
-ms-touch-action:none;
touch-action:none;
width:100%;
z-index:10;
font-size:2.5em;
}
.dts-slider-interactive {
cursor:pointer;
}
.dts-slider-progress {
background-color: #ffffff;
display:block;
height:5px;
margin:0;
padding:0;
-ms-touch-action:none;
touch-action:none;
width:0.75%;
}
.dts-slider-background {
background-color: #909090;
border: 1px solid #000000;
display:block;
height:5px;
margin:0px 5px 0px 5px;
padding:0;
-ms-touch-action:none;
touch-action:none;
width:100%;
border-radius: 2px;
}
.dts-slider-button {
background-color: #ffffff;
border: 1px solid #000000;
border-radius: 50%;
width:13px;
height:13px;
position: relative;
top: -5px;
left: 7px;
}
.dts-slider-control-wrapper {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
margin:0;
padding:0;
-ms-touch-action:none;
touch-action:none;
width:100%;
}
.dts-slider-wrapper {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:56px;
min-height:30px;
margin:0;
padding:0;
position:relative;
-ms-touch-action:none;
touch-action:none;
width:100%;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
100% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
100% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
.dts-scene-result {
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5)
}
.dts-scene-result .dts-scene-result-image-group img {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-scene-result .dts-hover-player-delay[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
display: none;
height: 4px;
left: 0;
opacity: 80%;
position: absolute;
top: 0;
width: 100%;
z-index: 30;
}
.dts-scene-result .dts-hover-player-delay[value]::-webkit-progress-bar {
background: transparent;
}
.dts-scene-result .dts-hover-player-delay[value]::-webkit-progress-value {
background: #0579b9;
border-radius: 2px;
}
.dts-scene-result .dts-hover-player-delay[value]::-moz-progress-bar {
background: #0579b9;
border-radius: 2px;
}
.dts-scene-result .dts-hover-player-delay[value].show-progress {
display: block;
}
.dts-scene-result .dts-hover-player-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .8);
cursor: pointer;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.dts-scene-result .dts-hover-player-wrapper .dts-hover-player-fallback-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .8);
cursor: pointer;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
z-index: 20;
}
.dts-scene-result .dts-hover-player-wrapper .dts-hover-player-fallback-wrapper img {
width: auto;
}
.dts-scene-result .dts-hover-player-wrapper .dts-hover-player-spinner {
display: none;
}
.dts-scene-result .dts-hover-player-wrapper .dts-hover-player-spinner:before {
-webkit-animation: 1.5s linear infinite spinner;
animation: 1.5s linear infinite spinner;
-webkit-animation-play-state: inherit;
animation-play-state: inherit;
border: solid 5px #cfd0d1;
border-bottom-color: #1c87c9;
border-radius: 50%;
content: "";
height: 40px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 40px;
will-change: transform;
z-index: 30;
}
.dts-scene-result .dts-hover-player-meta-info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f8f8f8;
box-size: border-box;
display: none;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.dts-scene-result .dts-hover-player-meta-info span {
font-size: 14px;
font-weight: 500;
line-height: 16px;
padding: 0 6px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
text-wrap: nowrap;
}
.dts-scene-result-image-group {
background-color: rgba(0, 0, 0, .8);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.dts-scene-result-image-group a {
background-color: #000000;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-scene-result-image-group img {
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: block;
}
.dts-scene-result-image-group img.dts-scene-img-no-play {
cursor: default;
}
.dts-scene-result-image-group .dts-scene-result-consumption-rate {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 6px;
z-index: 100;
}
.dts-scene-result-image-group .dts-scene-result-consumption-rate.dts-favorites-consumption-position-modifier {
left: 6px;
right: auto;
}
.dts-scene-result-image-group .dts-scene-result-consumption-rate a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 48px;
width: auto;
}
.dts-scene-result-image {
display: block;
margin: 0px;
border: 0;
/* max-width: 100%; */
}
/* I shouldnt need to be this specific */
.dts-queue .dts-collection-item img.dts-scene-result-image {
border: 0;
}
@keyframes spinner {
0% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
100% {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
.dts-scene-result-duration {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 6px
}
.dts-scene-result-duration span {
background-color: rgba(0, 0, 0, .5);
color: #ffffff;
display: inline-block;
padding: 3px;
}
.dts-scene-result-control-bar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 46px;
width: 100%;
background: #f8f8f8;
position: relative;
vertical-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.dts-scene-result-control-bar .dts-icon-target {
background-color: transparent;
border-width: 0;
margin-right: 4px;
font-size: 20px;
}
.dts-scene-result-control-bar .dts-scene-result-play-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 28px;
width: 48px;
}
.dts-scene-result-control-bar .dts-scene-result-play-button:hover i {
background: #15b533;
border-color: #15b533;
color: #ffffff;
}
.dts-scene-result-control-bar .dts-scene-result-play-button i {
background: transparent;
color: #0579b9;
border-radius: 50%;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
color: #0579b9;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
font-size: 28px;
width: 30px;
}
.dts-scene-result-control-bar-scrubber {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
margin: 0px 8px 0 15px;
}
.dts-scene-result-control-bar-scrubber input {
width: 100%;
height: 100%;
cursor: pointer;
}
.dts-scene-result-control-bar-info-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
}
.dts-scene-result-modal-title {
font-weight: bold;
}
.dts-scene-result-info {
line-height: 3em;
}
.dts-scene-result-info-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-scene-result-info-boxcover {
min-height:320px;
margin-left: 10px;
margin-top: auto;
margin-bottom: auto;
}
.dts-scene-result-info-main {
margin-left: 10px;
min-width: 640px;
}
.dts-scene-result-info-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.dts-scene-result-info-header .dts-scene-result-info-scene-title {
display: none;
}
.dts-scene-result-info-header .dts-scene-result-info-scene-title h1 {
font-size: 24px;
font-weight: bold;
line-height: 26px;
}
.dts-scene-result-info-header .dts-scene-result-info-scene-title h1 a {
white-space: normal;
word-wrap: normal;
}
.dts-scene-result-info-scene-header {
line-height: 1.25em;
white-space: nowrap;
margin-bottom: 15px
}
.dts-scene-result-info-scene-header .dts-scene-result-info-scene-title h1 {
font-size: 24px;
font-weight: bold;
line-height: 26px;
}
.dts-scene-result-info-scene-header .dts-scene-result-info-scene-title h1 a {
white-space: normal;
word-wrap: normal;
}
/*
.dts-scene-result-info-header-close {
cursor: pointer;
display: inline;
}
*/
.dts-scene-result-info-fav-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-scene-result-loading {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
text-align: center;
}
.dts-scene-result-loading-image-wrapper {
display: inline;
/* TODO: should not need the important here - but a more specific selector on the queue is impacting us. */
margin: auto !important;
height: 31px;
width: 31px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dts-scene-result-loading-image {
fill: white;
-webkit-filter: url(#shadow);
filter: url(#shadow);
}
/* TODO: possibly rename and move to main */
.dts-scene-result-info-container {
margin-top: 10px;
width: 100%
}
.dts-scene-result-info-container ul li {
font-size: 14px;
line-height: 22px;
padding-right: 15px;
padding-bottom: 10px;
}
.dts-scene-result-info-container ul li h2 {
font-size: 18px;
line-height: 28px;
}
.dts-scene-result-info-stars-text {
display:none;
}
.dts-scene-result-info-stars-image {
}
.dts-scene-result-info-scene-controls {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-scene-result-info-scene-play-buttons {
width:320px;
margin-right: 5px;
}
@media (max-width: 640px) {
.dts-scene-result-info-boxcover {
display: none;
}
.dts-scene-result-info-scene-title h1 a {
font-size: 14px;
line-height: 0.5em;
}
.dts-scene-result-info-main {
margin-left: 0;
width: 100%;
}
}
@media (max-width: 800px) {
.dts-scene-result-info-stars-text {
display: inline;
}
.dts-scene-result-info-stars-image {
display: none;
}
.dts-scene-result-info-main {
width: 100%;
}
}
@media (max-width: 1024px) {
.dts-scene-result-info-main {
min-width: 0;
}
.dts-scene-result-info-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.dts-scene-result-info-header .dts-scene-result-info-scene-title {
display: inline;
}
.dts-scene-result-info-scene-header {
display: none;
}
}
#modalPlayer {
width: 100%;
height: 100%;
}
/* modal player */
.modal_player_background {
display: none;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, .88);
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; /* Safari */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal_player_display {
display: block;
position: fixed;
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2147483647;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*
display: flex;
position: fixed;
height: 100vh;
left: 0;
top: 0;
width: 100vw;
z-index: 2147483647;
*/
}
.modal_player_wrapper {
background: rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
font-weight: 300;
max-height: 720px;
max-width: 1280px;
min-height: 169px;
min-width: 300px;
width: 100%;
height: 100%;
}
.postroll-content p {
font-size: 18px;
font-weight: 400;
padding: 20px 0 20px 0;
}
.postroll-content .dts-btn-preview-close {
background-color: #2f6d8e;
border-radius: 3px;
color: rgba(255, 255, 255, 1.0);
cursor: pointer;
font-size: 18px;
font-weight: bold;
height: 36px;
}
.postroll-content {
display: block;
background: -webkit-gradient(linear, left top, left bottom, from(#fffef9),to(#8b8b8d));
background: linear-gradient(to bottom, #fffef9 0%,#8b8b8d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef9', endColorstr='#8b8b8d',GradientType=0 );
border: 1px solid #999;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #1e1e1e;
width: 50%;
text-align: center;
padding-bottom: 20px;
}
.postroll-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #000;
}
@media (max-width: 1284px) {
.modal_player_wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-height: 724px) {
.modal_player_wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 360px){
.postroll-content p {
font-size: 14px;
}
}
.dts-body-lock {
overflow: hidden;
}
/* New Modal*/
.dts-modal .dts-modal-default-closer {
background-color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
height: 36px;
}
.dts-modal .dts-icon-close {
-ms-flex-item-align: center;
align-self: center;
margin-right: 6px;
color: #ffffff;
}
.dts-modal .dts-icon-close-modal {
height: 38px;
width: 38px;
}
.dts-modal .dts-modal-closer {
cursor: pointer;
}
.dts-modal .dts-default-content-styles {/* Defaults for the content. Can be overridden using options.css.class in the Modal class */
background-color: #ffffff;
padding: 20px;
}
.dts-modal .dts-modal-content-wrapper {
-ms-flex-item-align: center;
align-self: center;
border-radius: 3px;
display: block;
height: auto;
width: auto;
overflow-y: auto;
max-height: 100%;/* For iOS */
-webkit-overflow-scrolling: scroll;
position: relative;
}
.dts-modal .dts-async-modal-override .dts-default-content-styles {
background-color: transparent;
}
.dts-modal .dts-waiting-modal-wrapper.dts-icon-target.active .dts-spin {
margin: 0;
}
.dts-modal .dts-waiting-modal-wrapper.dts-icon-target.active {
background-color: transparent;
border-color: #ffffff;
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .2);
box-shadow: 0 0 1px rgba(255, 255, 255, .2);
}
.dts-modal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;/* Safari */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
height: 100vh;
left: 0;
top: 0;
width: 100vw;
}
.dts-modal-scrim {
background: rgba(0, 0, 0, .85);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.dts-modal-scrim-ios {
background: #000000;
}
/* Specific Modals (CSS overrides) */
/* this probably needs to go somewhere else */
.dts-modal .dts-modal-content-wrapper.dts-content-promo-restrictions {
min-width: 310px;
width: 50%;
}
.dts-modal .dts-modal-content-wrapper.tos-modal {
min-width: 310px;
width: 50%;
/*
calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));​
calc(50% + (100% - 50%) * ((1vw + 480) / (800 - 480)));​
*/
}
/* old modals */
#dtsTouchShield, #dtsSceneTouchShield {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, .8);
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; /* Safari */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
height: 100vh;
left: 0;
top: 0;
width: 100vw;
z-index: 10003;
}
#dtsTouchShield {
-ms-flex-line-pack: stretch;
align-content: stretch;
/* touch-action: none;
ms-touch-action: none; */
z-index: 10004;
}
#dtsModalContent, #dtsPhotoGalleryModalContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80%;
width: 80%;
/* Don't know if we'll use this */
/*
background: rgba(0,0,0,1);
font-weight: 300;
max-height: 540px;
max-width: 960px;
min-height: 169px;
min-width: 300px;
width: 100%;
height: 100%;
*/
}
#dts-modal-close .dts-icon-close.dts-icon-target.active:hover, #dtsModalClose .dts-icon-close.dts-icon-target.active:hover {
background-color: #ffffff;
color: #ffffff;
}
#dts-modal-close .dts-icon-close.dts-icon-target.active, #dtsModalClose .dts-icon-close.dts-icon-target.active {
background-color: #0579b9;
color: #0579b9;
}
#dts-modal-close .dts-icon-close.dts-icon-target:hover, #dtsModalClose .dts-icon-close.dts-icon-target:hover {
background-color: #0579b9;
color: #ffffff;
}
#dts-modal-close .dts-icon-close.dts-icon-target, #dtsModalClose .dts-icon-close.dts-icon-target {
background-color: #ffffff;
color: #0579b9;
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
}
.dts-icon-close-modal {
height: 38px;
width: 38px
}
/* Quick Buy Modal */
.dts-quickbuy-modal-content {
background: #ffffff;
border-radius: 3px;
display: none;
min-width: 280px;
max-width: 420px;
padding: 20px
}
.dts-quickbuy-modal-content div {
margin: 10px 0;
font-size: 16px;
line-height: 22px;
}
.dts-quickbuy-modal-content form .dts-link-button[type="submit"]:disabled {
background-color: rgba(239, 239, 239, .3);
border-color: rgba(118, 118, 118, .3);
color: rgba(16, 16, 16, .3);
cursor: default;
}
.dts-quickbuy-modal-content .dts-quickbuy-modal-promo-price {
display: none;
font-weight: 600;
}
.dts-quickbuy-modal-content .dts-subscription-minute-purchase-statement {
padding-bottom: 16px;
}
.dts-quickbuy-modal-content .dts-quickbuy-modal-bonus-minutes {
display: none;
font-weight: 600;
}
.dts-quickbuy-modal-content .dts-link-button:first-of-type {
margin-right: 10px;
}
/* Simple Confirm Modal */
.dts-simple-modal-content div {
margin: 10px 0;
font-size: 16px;
line-height: 22px;
}
.dts-simple-modal-content {
background: #ffffff;
border-radius: 3px;
display: none;
min-width: 280px;
max-width: 420px;
padding: 20px;
}
/* Preview Limit Modal */
.dts-preview-limit-modal-content .dts-preview-limit-msg span {
font-weight: 900;
}
.dts-preview-limit-modal-content .dts-preview-limit-msg {
width: 340px;
font-weight: 700;/* line-height: 30px; */
padding-bottom: 10px;
}
.dts-preview-limit-modal-content .dts-form-field-text-button {
margin-left: 0;
}
.dts-preview-limit-modal-content .dts-form-field-container div {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-preview-limit-modal-content .dts-form-field-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.dts-preview-limit-modal-content .dts-link-button {
background: #0579b9;
color: #ffffff;
font-size: 20px;
padding: 10px 15px;
height: 50px;
}
.dts-preview-limit-modal-content {
background: #ffffff;
display: none;
min-width: 280px;/* max-width: 420px; */
padding: 20px;/* width: 50%; */
}
/* Preview Postroll Modal */
.dts-postroll-modal-content {
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
max-width: 640px;
width: auto
}
.dts-postroll-modal-content button {
background: #0579b9;
color: #ffffff;
width: 100%;
min-height: 50px;
font-size: 22px;
}
.dts-postroll-modal-content h1 {
font-size: 26px;
color: #0579b9;
font-weight: 600;
line-height: 30px;
margin-top: -2px;/* to line up with top of box cover */
}
.dts-postroll-modal-content .dts-postroll-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-postroll-modal-content .dts-postroll-title-block-mobile {
display: none;
padding-top: 20px;
}
.dts-postroll-modal-content .dts-postroll-buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-postroll-modal-content .dts-postroll-buttons a:nth-of-type(2) {
margin-top: 20px;
}
.dts-postroll-modal-content .dts-boxcover-img {
padding: 20px;
}
.dts-postroll-modal-content .studio-info {
font-size: 16px;
margin-bottom: 12px;
}
.dts-postroll-modal-content .studio-links {
color: #0579b9;
}
.dts-postroll-modal-content .product-list {
font-size: 12px;
text-align: center;
}
.dts-postroll-modal-content .dts-form-field-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 20px 20px 0;
width: 100%;
}
.dts-postroll-modal-content .dts-form-field-container div a {
width: 100%;
}
.dts-theme-dark .dts-postroll-modal-content {
border-color: #b5b5b5;
}
@media (max-width: 740px){
.dts-postroll-modal-content {
max-width: 360px
}
.dts-postroll-modal-content .dts-postroll-content-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 10px;
}
.dts-postroll-modal-content .dts-postroll-title-block-mobile {
display: block;
}
.dts-postroll-modal-content h1 {
text-align: center;
}
.dts-postroll-modal-content .dts-postroll-title-block {
display: none;
}
.dts-postroll-modal-content .dts-form-field-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0 20px;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.dts-postroll-modal-content .studio-info {
margin: 0;
text-align: center;
}
.dts-postroll-modal-content #dtsWatchMovieButton {
margin-top: 0;
}
}
/* VR Direct Modal */
.dts-vr-direct-modal-content div h1.dts-page-title {
line-height: 30px;
padding-bottom: 10px;
}
.dts-vr-direct-modal-content .dts-form-field-text-button {
margin-left: 0;
}
.dts-vr-direct-modal-content {
background: #ffffff;/* display: none; */
min-width: 280px;
max-width: 420px;
padding: 20px;
.dts-vr-direct-modal-content
& .dts-settings-input {
margin-bottom: 20px;
}
}
.dts-vr-direct-modal-content .dts-link-button {
margin-bottom: 20px;
}
.dts-vr-direct-modal-content .dts-settings-input {
margin: 16px 0;
}
/* Star Gallery */
#dtsModalContent.star-gallery {
height: 100%;
width: 100%;
}
#dtsControlPhotoGalleryPrevious {
left: 20px;
}
#dtsControlPhotoGalleryNext {
right: 20px;
}
.photo-gallery-img-wrapper {
position: relative;
}
.dts-photo-gallery-modal-close .dts-icon-close.dts-icon-target.active:hover {
background-color: #ffffff;
color: #ffffff;
}
.dts-photo-gallery-modal-close .dts-icon-close.dts-icon-target.active {
background-color: #0579b9;
color: #0579b9;
}
.dts-photo-gallery-modal-close .dts-icon-close.dts-icon-target:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-photo-gallery-modal-close .dts-icon-close.dts-icon-target {
background-color: #ffffff;
color: #0579b9;
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
}
/* Box cover modal */
.dts-boxcover-modal-content img {
width: 100%;
height: auto;
}
.dts-boxcover-modal-content {
display: none;
}
.dts-boxcover-modal-content img {
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#rotateModalBoxCover {
position: absolute;
bottom: 10px;
right: 10px;
}
/*Error Modal Olde*/
#dtsErrorContent button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsErrorContent p {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsErrorContent .dts-error-modal-content-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
}
#dtsErrorContent {
border-radius: 3px;
width: auto;
}
/* Tagging modal */
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override .dts-modal-content {
overscroll-behavior: contain;
padding: 0;
}
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override .dts-modal-default-closer .dts-icon-close:before {
margin-right: 14px;
}
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override {
max-width: 1024px;
margin: 0 60px;
overflow-y: inherit;
width: 100%;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
margin-bottom: 20px;
min-height: 36px;
padding-bottom: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #b5b5b5;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header .dts-tag-modal-icon-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header .dts-tag-modal-icon-wrapper .dts-tag-modal-alt-closer {
display: none;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header .dts-tag-modal-icon-wrapper .dts-tag-modal-icon-divider {
color: #0579b9;
display: none;
font-size: 30px;
font-weight: 300;
height: 27px;
padding: 0 2px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header h1 {
font-size: 24px;
font-weight: 600;
height: auto;
line-height: 30px;
min-height: 28px;
width: 100%;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-pointer {
background-color: #fff;
-webkit-box-shadow: -1px -1px #b5b5b5;
box-shadow: -1px -1px #b5b5b5;
height: 10px;
margin-left: 20px;
position: absolute;
top: -5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
z-index: 1;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-mark:before {
content: "!";
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-mark {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ff0000;
border-radius: 3px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
height: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 6px;
min-width: 16px;
width: 16px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-message {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ff0000;
font-size: 14px;
font-weight: 500;
line-height: 18px;
min-width: 0;
word-wrap: break-word;
white-space: normal;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
padding: 4px;
position: relative;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper.dts-tag-input-error-visible {
display: block;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper {
display: none;
position:absolute;
width: 100%;
z-index: 10;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 20px;
min-width: 0;
padding: 3px;
position: relative;
white-space: nowrap;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-autocomplete-items {
max-height: 150px;
overflow: hidden;
overflow-y: auto;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-selected-tags .dts-link-button:last-of-type {
margin-right: 3px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-selected-tags .dts-link-button {
margin: 4px 10px 4px 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-selected-tags {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button.disabled:hover {
background-color: transparent;
border-color: #808080;
color: #545454;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button.disabled:focus {
outline-width: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button.disabled {
background-color: transparent;
border-color: #808080;
color: #545454;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button:focus {
outline-width: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button {
display: inline-block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
height: 28px;
line-height: 16px;
margin-left: 8px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper input {
border-color: #b5b5b5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
height: 28px;
min-width: 220px;
padding: 0 2px 0 4px;
width: auto;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper {
background-color: #f6f6f6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
line-height: 26px;
margin-left: 20px;
max-height: 190px;
overflow-y: auto;
margin-bottom: 10px;
padding: 10px 10px 0;
-webkit-overflow-scrolling: touch;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper .dts-tag-modal-content-tags-label {
display: inline-block;
float: left;
font-weight: 500;
padding: 0 5px 0 0;
white-space: nowrap;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper .dts-tag-modal-no-content-tags {
display: block;
font-weight: 400;
white-space: normal;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-node {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 20px;
margin: 0 10px 0 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-node.dts-tag-modal-owned {
margin: 0 10px 0 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-node span {
display: inline-block;
font-size: 12px;
margin-right: 5px;
overflow: hidden;
padding-bottom: 2px;
text-overflow: ellipsis;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-node i.dts-icon-close:before {
border-left: 1px solid #fff;
display: inline-block;
margin-left: 4px;
font-size: 11px;
padding: 4px 0 4px 5px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-node i.dts-icon-close {
color: #ffffff;
margin-right: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper img {
display: block;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content {
display: grid;
display: -ms-grid;
grid-auto-columns: -webkit-min-content 1fr;
grid-auto-columns: min-content 1fr;
grid-template-rows: 1fr -webkit-min-content auto;
grid-template-rows: 1fr min-content auto;
-ms-grid-columns: min-content 1fr;
-ms-grid-rows: 1fr min-content auto;
width: 100%;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal {
padding: 20px;
}
@media (max-width: 640px), (max-height: 640px) {
.dts-movie-boxcover {
cursor: default;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
}
#rotateBoxCover {
pointer-events: all;
-ms-touch-action: all;
touch-action: all;
}
.dts-movie-boxcover-front, .dts-movie-boxcover-back {
max-width: 100%;
}
}
/* Tagging modal */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-input-error-wrapper {
left: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add .dts-tag-modal-submit-wrapper button {
-ms-flex-preferred-size: 35px;
flex-basis: 35px;
}
}
@media (max-width: 1200px) and (min-width:640px) {
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override {
margin-left: calc(10.71429vw - 68.57143px);
margin-right: calc(10.71429vw - 68.57143px);
}
}
@media (max-width: 960px) {
#dtsSettingsMemberFavoritesTagScenes .dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
margin: 0 0 20px;
}
#dtsSettingsMemberFavoritesTagScenes .dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
margin: 0 0 20px;
max-height: 150px;
}
#dtsSettingsMemberFavoritesTagScenes .dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper img {
max-width: 100%;
}
#dtsSettingsMemberFavoritesTagScenes .dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper {
border-color: #808080;
border-top-style: solid;
border-top-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
padding: 20px 20px 0;
}
.dts-modal .dts-modal-content-wrapper.tos-modal {
width: 80%;
}
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
/*for scrollability in landscape mode for phones*/
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override {
height: 100vh;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 640px) {
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override .dts-modal-default-closer {
display: none !important;
}
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override .dts-icon-close {
-ms-flex-item-align: center;
align-self: center;
margin-right: 0;
color: inherit;/* Ouch. We need to make the variable names more generic */
}
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin: 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header .dts-tag-modal-icon-wrapper .dts-tag-modal-alt-closer {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header .dts-tag-modal-icon-wrapper .dts-tag-modal-icon-divider {
display: inline-block;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header h1 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
height: auto;
min-height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 5px;
text-align: center;
overflow: unset;
text-overflow: unset;
text-wrap: unset;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
margin: 20px 0 0;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
margin-bottom: 0;
max-height: 240px;
}
}
@media (max-width: 480px) {
.dts-modal .dts-modal-content-wrapper.dts-tagging-modal-override {
height: 100vh;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.dts-modal .dts-modal-content-wrapper.tos-modal {
width: 100%;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal header h1 {
font-size: 20px;
font-weight: 600;
margin-top: 10px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-add {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
margin: 0 0 20px;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-content-tags-wrapper {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
margin: 0 0 20px;
max-height: 150px;
-webkit-overflow-scrolling: touch;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper img {
max-width: 100%;
}
.dts-modal .dts-modal-content-wrapper .dts-tagging-modal .dts-tag-modal-content .dts-tag-modal-image-wrapper {
border-color: #808080;
border-top-style: solid;
border-top-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
padding: 20px 20px 0;
}
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
}
}
/* Base queue control styles. Added by queue_contro.js */
.queue_control_wrapper {
position: relative;
}
.queue_control_container { /* Allow horizontal touch scrolling */
width:100%;
overflow-x: scroll;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-webkit-overflow-scrolling: touch;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
/* Hide the scrollbar */
.queue_control_container::-webkit-scrollbar {
display: none;
}
.queue_control_left_arrow {
position: absolute;
left: 0px;
top: calc(50% - 23px);
height: 46px;
cursor: pointer;
z-index: 200;
border-radius: 0 6px 6px 0;
border-width: 1px 1px 1px 0;
border-style: solid;
padding-right: 3px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
.queue_control_left_arrow svg {
width: 46px;
}
.queue_control_right_arrow {
position: absolute;
right: 0px;
top: calc(50% - 23px);
height: 46px;
z-index: 200;
border-radius: 6px 0 0 6px;
border-width: 1px 0 1px 1px;
border-style: solid;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
.queue_control_right_arrow svg {
width: 46px;
}
.queue_control_button_enabled {
fill: #ffffff;
border-color: #ffffff;
background-color: rgba(0, 0, 0, .7);
cursor: pointer;
}
.queue_control_button_disabled {
fill: rgba(255, 255, 255, .3);
border-color: rgba(255, 255, 255, .1);
background-color: rgba(0, 0, 0, .3);
cursor: default;
}
.queue_control_button_hidden {
display: none;
}
.queue_control_element_holder {
/* white-space:nowrap; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.queue_control_element {
/* display: inline-block; */
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* App specific queue CSS */
/* When the queue elements load initially, place them left to right. This keeps the site from a jarring reshuffle when the queue JS executes. */
.dts-queue-control-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.dts-queue-control-container::-webkit-scrollbar {
display: none;
}
.dts-queue-control-container div.queue_control_container div.queue_control_element_holder {
margin: 2px 0; /* need to make room for the drop shadow on queue elements */
}
/* Setting min widths so the lazy load & initial queue size can be determined. Needs to be as close as possible. */
.dts-queue-control-container .dts-collection-item.dts-collection-item-movie {
/* min-width:220px; */
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-scene {
width: 250px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-scene-thumb {
min-width: 248px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-star {
min-width:100px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-performer { /* Cams images */
min-width:240px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-star-gallery {
display: none;
min-width:190px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-category {
min-width:100px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-director {
min-width:100px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-series {
min-width:100px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-studio {
min-width:260px;
}
.dts-queue-control-container .dts-collection-item.dts-collection-item-mixedContent {
min-width:50px;
}
.dts-queue-control-container .dts-collection-item {
min-height:1px;
margin:0px 0px 0px 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.dts-queue-container-scenes .queue_control_left_arrow, .dts-queue-container-scenes .queue_control_right_arrow, .dts-queue-container-sceneThumbs .queue_control_left_arrow, .dts-queue-container-sceneThumbs .queue_control_right_arrow {
top: 44px;
}
.dts-queue-container-scenes .dts-scene-result-image-group img {
height: 140px;
}
.dts-queue-container-scenes .dts-scene-result-image-group {
height: 140px;
}
.dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item {
margin: 0px 20px 0px 0px;
}
.dts-queue-control-container.dts-queue-container-stars.queue_control_wrapper .queue_control_container .dts-collection-item {
margin: 0px 20px 0px 0px;
}
@media (max-width: 510px){
.queue_control_right_arrow, .queue_control_left_arrow {
display: none;
}
}
/* ------------------------------------------------------------ */
/* Grids */
/* ------------------------------------------------------------ */
.dts-grid {
width: 100%;
}
.dts-grid .dts-collection-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
.dts-grid .dts-collection-item img {
width: 100%;
height: auto;/* box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, .35); */
}
.dts-grid .dts-collection-item .dts-aspect-ratio {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.dts-grid .dts-collection-item .dts-aspect-ratio .dts-aspect-ratio-inside img {
width: auto;
max-width: 100%;
height: 100%;
}
.dts-grid .dts-collection-item .dts-aspect-ratio .dts-aspect-ratio-inside {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-grid .dts-collection-item-movie,
.dts-grid .dts-collection-item-star,
.dts-grid .dts-collection-item-performer,
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 20px 20px 0;
width: 15%;
}
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
margin: 0 0 20px 0;
}
.dts-grid .dts-collection-item-movie.dts-grid-item-shim {
margin-bottom: 0;
}
.dts-grid .dts-collection-item-movie img {
-webkit-box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, .35);
box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, .35);
}
.dts-grid .dts-collection-item-movie {
margin: 0 20px 40px 0;
}
/* ------------------------------------------------------------ */
/* Mobile Grids */
/* ------------------------------------------------------------ */
.dts-grid .dts-controls-queue {
display: none;
}
.dts-grid-mobile .dts-collection-item {
display: none;
}
.dts-grid-mobile .dts-collection-container .dts-grid-item:nth-child(1),
.dts-grid-mobile .dts-collection-container .dts-grid-item:nth-child(2),
.dts-grid-mobile .dts-collection-container .dts-grid-item:nth-child(3),
.dts-grid-mobile .dts-collection-container .dts-grid-item:nth-child(4) {
display: inline-block;
}
.dts-grid.dts-grid-studios .dts-collection-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-studio-box {
height: 146px;
width: 360px;
}
/* ------------------------------------------------------------ */
/* Queues */
/* ------------------------------------------------------------ */
.dts-queue {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: hidden;
overflow-x: hidden;
position: relative;
height: auto;
position: relative;
/* overflow: hidden; */
}
.dts-icon-chevron {
/* fill: rgba(255,255,255,.6); */
font-size: 28px;
color: rgba(255, 255, 255, .6);
pointer-events: none; /* This might have to change */
padding: 10px;
}
.dts-icon-chevron-left {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dts-icon-chevron-right {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.dts-queue .dts-controls-queue {
display: none;
}
.dts-icon-control-queue, .dts-icon-control-queue-shield {
position: absolute;
top: calc(50% - 33px);
/* width: 46px;
height: 46px; */
overflow: hidden; /* DO NOT DELETE!!!! this removes the horizontal scroll from the browser window */
}
.dts-icon-control-queue.dts-disabled .dts-icon-chevron {
fill: rgba(255, 255, 255, .2);
}
.dts-icon-control-queue.dts-disabled {
background-color: rgba(150, 150, 150, .35);
border: 1px rgba(150, 150, 150, .55) solid;
cursor: default;
}
.dts-icon-control-queue.dts-disabled:hover .dts-icon-chevron {
fill: rgba(255, 255, 255, .2);
}
.dts-icon-control-queue.dts-disabled:hover {
background-color: rgba(150, 150, 150, .35);
}
.dts-icon-control-queue:hover .dts-icon-chevron {
fill: rgba(255, 255, 255, .9);
}
.dts-icon-control-queue:hover {
background-color: rgba(0, 0, 0, .85);
}
.dts-icon-control-queue {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .35);
border: 1px rgba(255, 255, 255, .65) solid;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 200;
}
.dts-icon-control-queue-shield {
z-index: 300;
display: none;
}
.dts-icon-control-queue-shield-right {
right: 0px;
}
.dts-icon-control-queue-shield-left {
display: none;
}
.dts-icon-control-queue-right {
right: 0px;
border-radius: 6px 0 0 6px;
border-right-width: 0;
}
.dts-icon-control-queue-right,
.dts-icon-control-queue-left {
display: none;
}
/*
.dts-icon-control-queue-right {
background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.6));
}
*/
.dts-icon-control-queue-left {
border-radius: 0 6px 6px 0;
/* background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.6)); */
border-left-width: 0;
}
/* Are these used? */
.dts-queue.container-fluid {
padding-left: 0; }
.dts-queue.has-min-items {
padding-bottom: 0; }
/* ---------------- */
.dts-queue .dts-collection-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 2px 0;
}
/*
.dts-queue-slider.tablet-view {
overflow-x: scroll;
-webkit-overflow-scrolling: touch; }
.dts-queue-slider.row {
margin: 0; }
*/
.dts-queue .dts-collection-item {
display: inline-block;
/* margin-left: -4px; */
margin-left: 0;
margin-left: 20px;
}
/* Why doesn't this work?? */
.dts-queue .dts-collection-container div:last-child {
margin-right: 0;
}
/*
.dts-queue-item.tablet-view {
padding-bottom: 8px; }
*/
/*
.dts-queue-item.grid {
display: block;
float: left;
margin: 0;
padding: 0 0 16px;
text-align: center; }
.dts-queue-item:first-child {
margin-left: 0; }
*/
.dts-collection-transition {
-moz-transition: -moz-transform 1s ease-in-out;
-moz-transform: translateX(0%) translateZ(0);
-khtml-transition: -khtml-transform 1s ease-in-out;
-khtml-transform: translateX(0%) translateZ(0);
-o-transition: -o-transform 1s ease-in-out;
-o-transform: translateX(0%) translateZ(0);
-webkit-transition: -webkit-transform 1s ease-in-out;
-webkit-transform: translateX(0%) translateZ(0);
-ms-transition: -ms-transform 1s ease-in-out;
-ms-transform: translateX(0%) translateZ(0);
transition: -webkit-transform 1s ease-in-out;
transition: transform 1s ease-in-out;
transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
transform: translateX(0%) translateZ(0); }
/* We can do better than this */
.dts-queue-mixedContent .dts-queue-item div {
height: 100%;
}
dts-collection-item-mixedContent img {
height: 100%;
width: auto;
}
.dts-collection-item-mixedContent .dts-aspect-ratio-mixed-use-scene {
width: 320px;
}
.dts-collection-item-mixedContent .dts-aspect-ratio:before {
content: "";
float: left;
height: 0;
margin-left: -1px;
padding-top: 56.25%;
width: 1px;
}
.dts-collection-item-mixedContent .dts-aspect-ratio:after {
content: "";
display: table;
clear: both;
}
.dts-collection-item-mixedContent .dts-aspect-ratio .dts-aspect-ratio-inside {
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.dts-collection-item-mixedContent img {
height: 100%;
width: auto;
}
.dts-collection-item-mixedContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;/* Saving this in case we decide to black/gray bar this later *//* background-color: #a2a2a2; */
}
/* Password Toggle */
.dts-password-group {
background-color: #ffffff;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
/*width: 290px;*/
height: 30px;
margin-top: 10px;
padding: 0px 3px
}
.dts-password-group .dts-password-input {
width: calc(100% - 28px);
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
}
.dts-password-group .dts-password-toggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 28px;
}
.dts-password-group .dts-password-toggle-svg:hover {
fill: #0579b9;
}
.dts-password-group .dts-password-toggle-svg {
fill: #323232;
height: 20px;
width: 20px;
}
.dts-password-input:focus {
outline-width: 0;
}
.dts-password-group:focus-within {
outline: #0579b9 auto 2px
}
.dts-password-group:focus-within input:focus {
outline-width: 0;
}
/* To fix Edge column bug (#3729) */
.dts-collection-item-shim {
-ms-touch-action: none;
touch-action: none;
pointer-events: none;
}
/* Panning icon for queues */
.dts-panning-icon {
/* height: 50px;
width: 50px; */
font-size: 50px;
padding-left: 8px;
position: absolute;
top: calc(50% - 50px);
right: 0px;
z-index: 1000;
color: white;
opacity: .75;
background-color: rgba(0, 0, 0, .7);
border-radius: 3px 0 0 3px;
}
@media (min-width: 510px) {
.dts-panning-icon {
display: none;
}
}
/* Scene strip slider */
.dts-scene-strip-slider-container {
width: 96%;
margin-left: 2%;
}
@media (max-width: 1059px) and (min-width: 800px){
.dts-scene-strip-slider-container {
margin-left: 2.75%;
}
}
@media (max-width: 799px) and (min-width: 681px){
.dts-scene-strip-slider-container {
margin-left: 3%;
}
}
@media (max-width: 680px) {
.dts-scene-strip-slider-container {
margin-left: 4%;
}
}
.dts-badge-xpass-boxcover, .dts-grid .dts-collection-item img.dts-badge-xpass-boxcover, .dts-collection-item img.dts-badge-xpass-boxcover {
position: absolute;
height: auto;
width: auto;
top: 5px;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
z-index: 10;
}
.dts-badge-xpass-movie-title {
padding-left: 5px;
}
.dts-position-indicator {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0 18px;
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
}
.dts-position-indicator span{
cursor: pointer;
display: inline-block;
width: 14px;
height: 14px;
border-color: rgba(255, 255, 255, .8);
border-style: solid;
border-width: 1px;
border-radius: 50%;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
}
.dts-position-indicator-inactive span {
background-color: rgba(0, 0, 0, .1);
}
.dts-position-indicator-active {
cursor: default;
}
.dts-position-indicator-active span {
background-color: rgba(255, 255, 255, .8) !important;
border-color: #0579b9;
}
.dts-position-indicator-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
bottom: 0;
position: absolute;
width: 100%;
z-index: 200;
}
.dts-carousel-control {
cursor: pointer;
position: absolute;
top: calc(50% - 26px);
width: 46px;
height: 46px;
z-index: 300;
background-color: rgba(0, 0, 0, .7);
border-color: #ffffff;
border-style: solid;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
}
.dts-carousel-control-left {
left: 0;
border-radius: 0 6px 6px 0;
border-width: 1px 1px 1px 0;
}
.dts-carousel-control-right {
right: 0;
border-radius: 6px 0 0 6px;
border-width: 1px 0 1px 1px;
}
.dts-carousel-control-icon {
display: inline-block;
fill: #ffffff;
pointer-events: none;
width: 46px;
}
.dts-carousel-control-icon-forward-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.dts-carousel-control-icon-back-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dts-carousel {
width: 100%;
overflow: hidden;
position: relative;
background-color: #0a0b0a;
}
.dts-carousel-slides-container {
position: relative;
left: 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
-webkit-transition: left .5s ease-in-out;
transition: left .5s ease-in-out;
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.dts-carousel-slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
/* background-color: #999; */
}
.dts-carousel-slide img {height: auto; width: 100%;}
/* .poster {position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.8);
font-size: 48px; align-items: center; justify-content: center; display: none;} */
.dts-slides-wrapper {
position: relative;
overflow-x: hidden;
-ms-touch-action: pan-x;
touch-action: pan-x;
width: 100%;
}
.dts-carousel-slide img, .dts-carousel-slide picture {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
display: block;
}
.dts-pitch-banner img {
width: 100%;
}
@media (max-width: 720px) {
.dts-position-indicator {
height: calc(-8px + 6.66667vw);
min-height: 24px;
}
}
@media (max-width: 480px) {
.dts-carousel-control {
display: none;
}
.dts-position-indicator {
height: 24px;
padding-left: calc(11.25vw - 36px);
padding-right: calc(11.25vw - 36px);
}
}
/* ------------------------------------------------------------ */
/* User Notifications */
/* ------------------------------------------------------------ */
#dts-user-notifications {
position: fixed;
top: 0;
/* right: 0; */
z-index: 10002;
width: 100%;
max-width: 2048px;
}
.dts-user-notification a {
color: #ffffff;
text-decoration: underline;
margin-left: 6px;
}
.dts-user-notification {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
font-size: 20px;
color: #ffffff;
line-height: 28px;
min-height: 48px;
opacity: 1;
padding: 12px;
-webkit-transition: opacity .5s ease-in;
transition: opacity .5s ease-in;/* animation: dts-user-notification-fade-in 0.5s linear; */
}
.dts-user-notification-close.dts-icon-circle-close {
font-size: 28px;
color: #ffffff;
}
.dts-user-notification-close {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 12px;
width: 28px;
font-size: 28px;
}
.dts-user-notification-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-user-notification-close-wrapper i {
cursor: pointer;
}
@-webkit-keyframes dts-user-notification-fade-in {
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes dts-user-notification-fade-in {
0% { opacity: 0 }
100% { opacity: 1 }
}
@-webkit-keyframes dts-user-notification-fade-out {
0% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes dts-user-notification-fade-out {
0% { opacity: 1 }
100% { opacity: 0 }
}
.dts-user-notification-INFO {
background-color: #4d9bb9;
}
.dts-user-notification-WARN {
background-color: #edb74e;
}
.dts-user-notification-ERROR {
background-color: #ff0000;
}
.dts-user-notification-SUCCESS a {
font-weight: 600;
}
.dts-user-notification-SUCCESS .dts-user-notification-close {
fill: #ffffff;
}
.dts-user-notification-SUCCESS {
background-color: #15b533;
}
@media screen and (max-width: 640px) {
div.dts-user-notifications {
display: block;
}
}
/* TODO add any further notification types: WARN, etc. */
.dts-image-overlay-container:focus {
outline: #0579b9 auto 2px;
}
.dts-image-overlay-container .dts-image-display-name {
font-size: 14px;
}
.dts-image-overlay-container a:focus {
outline: #0579b9 auto 2px;
}
.dts-image-overlay-container img:focus {
outline: #0579b9 auto 2px;
}
.dts-image-overlay-container img {
display: block;
}
.dts-image-overlay-container {
position: relative;
}
.dts-image-overlay-area {
position: absolute;
right: 4px;
top: 4px;
}
.dts-image-overlay-area-category .dts-image-display-name {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .5);
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
white-space: normal;
}
.dts-image-overlay-area-category {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.dts-icon-target {
color: #0579b9;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-color: #0579b9;
border-style: solid;
border-width: 1px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px
}
.dts-icon-target.dts-add-to-cart-icon:hover {
color: #ffffff;
background-color: #0579b9;
border-color: #0579b9;
}
.dts-icon-target.dts-add-to-cart-icon svg {
height: 26px;
width: 26px;
}
.dts-icon-target.dts-add-to-cart-icon {
background: transparent;
border: 0;
margin: 0 0 0 auto;
}
.dts-icon-target.disabled:hover {
color: #91949c;
}
.dts-icon-target.active:hover {
color: #0579b9;
background-color: #ffffff;
border-color: #0579b9;
}
.dts-icon-target.active {/* &:focus {
& svg {
fill: var(--branding-1);
}
background-color: var(--monochrome-start);
border-color: var(--branding-1);
outline: none;
} */
}
.dts-icon-target.active svg {
fill: #0579b9;
}
.dts-icon-target.active {
color: #ffffff;
background-color: #0579b9;
border-color: #0579b9;
}
.dts-icon-target:hover {
color: #ffffff;
background-color: #0579b9;
border-color: #0579b9;
}
.dts-icon-target {/* &:focus {
& svg{
fill: var(--monochrome-start);
}
color: var(--monochrome-start);
background-color: var(--branding-1);
border-color: var(--branding-1);
outline: none;
} */
}
.dts-icon-target svg {
fill: #0579b9;
}
.dts-button-purchase-option-add_time:hover svg {
fill: #ffffff;
}
#rotateModalBoxCover .dts-image-overlay-icon:hover {
color: white;
}
.dts-container-star-img-name .dts-image-overlay-area .dts-icon-target {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
position: static;
width: 36px;
}
.dts-container-star-img-name .dts-image-overlay-area {
z-index: 100;
}
.dts-movie-detail-actions a.dts-button-purchase-option-add_time .dts-button-purchase-option-icon-wrapper {
color: inherit;
}
.dts-movie-detail-actions a.dts-button-purchase-option-add_time .dts-add-to-cart-icon {
color: inherit;
}
.dts-scene-list-grid-wrapper .dts-icon-target:first-child {
margin-right: 6px;
}
.dts-scene-result-control-bar .dts-icon-target {
margin-right: 4px;
}
.dts-scene-result-control-bar-info-button.dts-icon-target:hover svg {
background: #0579b9;
border-color: #0579b9;
fill: #ffffff;
}
.dts-scene-result-control-bar-info-button.dts-icon-target svg {
background: transparent;
border-color: #0579b9;
border-radius: 50%;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: #0579b9;
height: 28px;
width: 28px;
}
.dts-scene-result-control-bar-info-button.dts-icon-target {
background: transparent;
border: 0;
cursor: pointer;
height: 100%;
width: 40px;
}
.dts-scene-result-image-group .dts-scene-result-play-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 1px;
height: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 1px;
line-height: 28px;
position: absolute;
width: 48px;
}
.dts-scene-result-image-group .dts-scene-result-play-button i {
background: transparent;
border-color: rgba(255, 255, 255, .75);
border-radius: 50%;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
color: rgba(255, 255, 255, .75);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
font-size: 28px;
width: 30px;
}
.dts-scene-result-image-group:hover .dts-scene-result-play-button i {
background: #15b533;
border-color: #15b533;
color: #ffffff;
}
.dts-search-crumbs-link.active svg {
fill: #ffffff;
}
.dts-search-crumbs-link svg {
height: 21px;
margin-left: 5px;
vertical-align: text-top;
width: 21px;
}
.dts-image-overlay-icon:hover {
color: #ffffff;
}
.dts-image-overlay-icon {
height: 21px;
width: 21px;
font-size: 21px;
color: #0579b9;
}
.dts-filter-icon.dts-spin {
-webkit-animation-name: spin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
fill: #323232;
height: 16px;
margin-right: 4px;
width: 16px;
}
.dts-filter-icon {
display: inline-block;
margin-right: 10px;
fill: #0579b9;
height: 18px;
width: 18px;
min-width: 18px;
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.dts-filter-count:empty {
display: none;
}
.dts-filter-count::after {
content: "]";
}
.dts-filter-count::before {
content: "[";
}
.dts-filter-count {
font-size: 14px;
font-weight: 400;
margin-left: 2px;
}
.dts-filtered-search .dts-search-results-container {
width: calc(100% - 320px);
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened .dts-top-level-filter {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #d1d1d1;
margin-bottom: 12px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened .dts-top-level-filter .dts-search-all-content {
-ms-flex-pack: distribute;
justify-content: space-around;
width: 110px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs {
padding-left: 24px;
}
.dts-filtered-search-collapsed .dts-search-results-container {
width: calc(100% - 60px);
}
.dts-filtered-search-collapsed .dts-search-filter-submenu-title-icon-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-filtered-search-collapsed .dts-search-filter-submenu {
display: none;
}
.dts-header-controls-wrapper {
padding: 12px 0 12px 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-index-star-search-page .dts-menu-item.dts-index-page-item-link {
background-color: transparent;
height: 42px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 12px;
}
.dts-index-star-search-page .dts-menu-item.dts-index-page-item-link:hover {
color: #0579b9;
}
.dts-index-star-search-page .dts-menu-item.dts-index-page-item-link svg {
width: 32px;
height:48px;
margin: 0 3px 20px 0;
}
.dts-index-star-search-page .dts-menu-item.dts-index-page-item-link .dts-index-page-item-title {
margin-bottom: 20px;
}
.dts-member-data-header #dtsMemberSortsMenu.dts-nav-menu-collapsible li a {
display: block;
}
#dtsSearchSortsMenu .dts-menu-item.dts-menu-item-active:hover, #dtsMemberSortsMenu .dts-menu-item.dts-menu-item-active:hover {
background-color: transparent;
border-color: transparent;
}
#dtsSearchSortsMenu .dts-menu-item.dts-menu-item-active, #dtsMemberSortsMenu .dts-menu-item.dts-menu-item-active {
color: #323232;
padding-left: 10px;
}
#dtsSearchSortsMenu .dts-menu-item, #dtsMemberSortsMenu .dts-menu-item {
padding: 0 0 0 10px;
}
#dtsSearchSortsMenu li, #dtsMemberSortsMenu li {
font-size: 14px;
}
#dtsSearchSortsMenu li {
padding: 0;
}
#dtsSearchSortsMenuArrow.dts-menu-collapsible-arrow {
font-size: 14px;
padding-top: 0;
}
#dtsSearchSortsMenuArrowWrapper {
font-size: 14px;
}
.dts-search-type .dts-link-button.dts-search-type-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #0579b9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 500;
margin-bottom: 12px;
margin-left: 10px;
-ms-flex-pack: distribute;
-webkit-box-pack: justify;
justify-content: space-between;
text-decoration: none;
white-space: nowrap
}
.dts-search-type .dts-link-button.dts-search-type-button .dts-icon-x-pass {
bottom: -1px;
}
.dts-search-type .dts-link-button.dts-search-type-button:hover .dts-search-crumbs-icon {
color: #ffffff;
}
.dts-search-type .dts-link-button.dts-search-type-button:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-search-type .dts-link-button.dts-search-type-button.active {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
cursor: default;
}
.dts-search-type .dts-link-button.dts-search-type-button.active .dts-search-crumbs-icon {
fill: #ff0000;
}
.dts-panel-exact-match .dts-list-attributes {
margin: 20px 0;
}
.dts-panel-exact-match .dts-section-page-heading-nav {
display: none;
}
.dts-panel-exact-match .dts-section-page-detail.dts-section-page-detail-movie .dts-section-page-detail-main-image-wrapper {
margin-bottom: 0;
}
.dts-panel-exact-match .dts-section-page-detail.dts-section-page-detail-movie .dts-play-buttons-wrapper {/* position: absolute; */
bottom: 0;
width: 293px;
margin-bottom: 0;
margin-top: auto;
}
.dts-panel-exact-match .dts-section-page-detail.dts-section-page-detail-movie .dts-section-page-heading-title a {
white-space: normal;
}
.dts-panel-exact-match .dts-section-page-detail.dts-section-page-detail-movie .section-detail-list-item-series a {
white-space: normal;
}
.dts-panel-exact-match .dts-section-page-detail.dts-section-page-detail-movie {
padding-bottom: 0;
position: relative;
}
.section-detail-list-item-series a:focus {
outline: #0579b9 auto 2px;
}
.dts-panel-exact-match-heading {
font-size: 24px;
margin: 0 0 12px 20px;
}
/* This is followed by "xact match on a ${exactMatchType}" */
/* At smaller sizes, content = "E"*/
.dts-panel-exact-match-heading:before, .dts-panel-exact-match-heading::before {
content: "We found an exact";
}
.dts-panel-exact-match-movie .dts-panel-detail-movie-stars .dts-panel-header {
margin-top: 0;
}
.dts-panel-exact-match-movie .dts-section-page-detail .dts-panel-header-title-nolink h1 {
color: #323232;
}
.dts-panel-exact-match .dts-section-page-detail-info-movie .dts-panel-header {
display: block;
}
.dts-panel-exact-match .dts-section-page-detail-star .dts-section-page-detail-info-star {
line-height: 28px;
}
.dts-search-crumb-text {
font-size: 12px;
line-height: 18px;
}
.dts-search-crumbs-icon:hover {
color: #ffffff;
}
.dts-search-crumbs-icon {
font-size: 11px;
}
.dts-search-field-wrapper {
position: relative;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
display: inline-block;
min-width: 100px;
}
.dts-search-filter-item-radio {
height: 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
}
.dts-search-header-label {
margin-right: 10px;
}
.dts-star-search-no-image {
font-size: 20px;
font-weight: 500;
border: 1px solid #0579b9;
border-radius: 50%;
width: 27px;
height: 27px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 6px;
background-color: #e8e8e8;
}
#dtsSearchComponent input[type="search"] {
font-size: 16px;
}
#dtsSearchComponent input[type="text"] {
font-size: 16px;
}
#dts-search-auto-complete-panel {
background-color: #f8f8f8;
border-color: #b5b5b5;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
color: #323232;
display: none;
font-weight: 400;
left: 0px;
margin-top: 30px;
padding: 3px;
position: absolute;
top: 0px;
width: 100%;
z-index: 301; /* Damnit! */
}
.dts-search-auto-complete-row {
cursor: pointer;
clear: both;
margin-bottom: 1px;
}
.dts-search-auto-complete-row:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-search-auto-complete-row-selected {
background-color: #0579b9;
color: #ffffff;
}
.dts-search-auto-complete-text {
padding: 5px;
}
.dts-search-auto-complete-move-up {
float: right;
}
.dts-search-crumbs-wrapper .dts-search-crumbs {
padding: 20px 12px 0 0;/* padding-right: 12px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #efefef;
}
.dts-search-crumbs-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-search-header .dts-paginator.top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-search-header {
margin-bottom: 20px;
padding: 0 20px;
}
.dts-search-header-controls {
padding-left: 6px;
}
.dts-search-header-controls-separator {
border-left: 1px solid #0579b9;
}
a.dts-search-sort-menu-item:hover {
border-color: #d1d1d1;
border-style: solid;
border-radius: 3px;
border-width: 1px;
background-color: transparent;
}
a.dts-search-sort-menu-item {
display: inline-block;
line-height: 36px;
width: 155px;
margin-left: 10px;
padding-left: 10px;
line-height: 36px;
}
#dtsSearchSortsMenu .dts-menu-list-search-sort li, #dtsMemberSortsMenu .dts-menu-list-search-sort li {/* padding-left: 0; */
}
#dtsSearchSortsMenu, #dtsMemberSortsMenu {
width: 150px;
max-width: 150px;
margin-top: -2px;
margin-right: 1px;
}
.dts-search-sorts-menu-wrapper .dts-menu-section {
padding: 2px;
}
.dts-search-sorts-menu-wrapper .dts-link-button .dts-menu-collapsible-arrow {
justify-self: flex-end;
margin-left: auto;
}
.dts-search-sorts-menu-wrapper .dts-link-button {
width:152px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.dts-search-sorts-menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
right: -1px;/* margin-right: 6px; */
}
.dts-search-sort-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 2px;
}
.dts-search-type .dts-search-crumbs-link.dts-link-button:first-child {
margin-left: 4px;
}
.dts-search-type {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-search-no-match {
padding: 20px;
color: #323232;
font-size: 18px;
font-weight: 400;
}
.dts-search-link-disabled:hover {
background-color: transparent;
border-color: transparent;
}
.dts-search-link-disabled {
color: #91949c;
}
.dts-search-total {
color: #323232;
font-size: 24px;
font-weight: 400;
min-height: 40px;
line-height: 40px;
margin-right: 20px
}
.dts-search-total .dts-paginator-search-count {
padding-right: 10px;
}
.dts-search-total span {
white-space: nowrap;
}
.dts-search-total .dts-search-total-pages {
display: inline-block;
font-size: 18px;
}
.dts-search-crumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
line-height: 40px;
margin: 0 6px 6px;
min-height: 40px;
padding: 0 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-search-results-container .dts-search-crumbs {
margin: 0 20px 20px;
padding: 0 5px;
background-color: #ffffff;
border: 1px solid #b5b5b5;
border-radius: 3px;
}
.dts-search-crumbs-clear.hover:hover {
border-color: #0579b9;
background-color: #0579b9;
color: #ffffff;
}
.dts-search-crumbs-clear.hover {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
border-radius: 3px;
color: #0579b9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 400;
height: 28px;
-ms-flex-pack: distribute;
justify-content: space-around;
line-height: 28px;
padding: 0 3px;
text-transform: lowercase;
vertical-align: middle;
}
.dts-search-crumbs-clear {/* margin-left: 10px; */
}
.dts-search-crumb-label {
display: inline-block;
height: 20px;
margin-right: 16px;
margin-bottom: 12px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.dts-search-crumb-results {
line-height: 40px;
}
.dts-search-type-label {
display: inline-block;
}
.dts-search-type-results {
line-height: 40px;
}
.dts-search-filter-item-title {
font-size: 14px;
}
.dts-search-filter-menu {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 20px;
padding-right: 20px;
}
.dts-search-filter-submenu.opened .dts-search-filter-submenu h2 {
font-weight: 400;
}
.dts-search-filter-submenu.opened .dts-search-filter-submenu.opened:first-of-type {
margin-top: 4px;
}
.dts-search-filter-submenu.opened .dts-search-filter-submenu {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-search-filter-menu-closed .dts-search-filter-submenu-title {
display: none;
}
.dts-search-filter-menu-closed .dts-search-type {
display: none;
}
.dts-search-filter-submenu .dts-search-filter-submenu-title-icon-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 32px;
-webkit-tap-highlight-color: rgba(5, 121, 185, .40);
}
.dts-search-filter-submenu-title {
font-weight: 600;
}
.dts-search-filter-submenu-title h2:after {
font-weight: 400;
font-size: 16px;
}
.dts-search-filter-remove {
margin: 5px 10px;
padding: 5px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item:hover {
border-color: transparent;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #0579b9;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item a {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 0 3px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon {
margin-right: 2px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon.include {
margin: 0 10px 0 5px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon.exclude {
margin: 0 10px 0 5px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon-target .dts-filter-icon {
margin: 0;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon-target {
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 32px;
padding: 0;
width: 32px;
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item {
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-search-filter-multi-select li .dts-search-filter-submenu-border:first-of-type {
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
}
.dts-search-filter-section-criteria-item.dts-filter-excluded-item .dts-filter-excluded-criteria .dts-icon-checkbox-disabled {
color: #ffffff;
margin: 0 2px 0 0;
}
.dts-search-filter-section-criteria-item.dts-filter-excluded-item .dts-filter-excluded-criteria {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 4px;
}
.dts-search-filter-section-criteria-item.dts-filter-excluded-item .dts-search-filter-item-title {
color: #91949c;
line-height: normal;
text-decoration: line-through;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dts-search-filter-section-criteria-item.dts-filter-selected-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #0579b9;
}
.dts-search-filter-section-criteria-item.dts-filter-selected-item a {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 0 3px;
}
.dts-search-filter-section-criteria-item.dts-filter-selected-item .dts-filter-icon-target .dts-filter-icon {
fill: #545454;
margin: 0;
}
.dts-search-filter-section-criteria-item.dts-filter-selected-item .dts-filter-icon-target {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 34px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 34px;
padding: 0;
width: 34px;
}
.dts-search-filter-section-criteria-item.dts-filter-selected-item {
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a {
align-item: center;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1px;
padding: 0;
position: relative;
width: 32px;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a.dts-active-criteria-item:hover:after {
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
content: "click to remove filter";
content: "click to remove filter";
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a.dts-active-criteria-item {
border-color: #0579b9;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a:hover:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
z-index: 10;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a.dts-search-link-disabled {
background-color: transparent;
color: #91949c;
cursor: default;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter a.dts-search-link-disabled:hover {
border-color: transparent;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter:hover {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-search-filter-section-criteria-item.dts-star-alpha-filter {
cursor: default;
padding-left: 6px;
}
.dts-search-filter-section-criteria-item a.dts-search-filter-criteria-link {
height: 32px;
line-height: normal;
min-width: 245px;
}
.dts-search-filter-section-criteria-item a {
line-height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 5px;
}
.dts-search-filter-section-criteria-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #0579b9;
}
.dts-search-filter-section-criteria-item.dts-search-sub-menu-more-link-container .dts-search-sub-menu-more-link {
display: inline-block;
padding: 0 5px;
}
.dts-search-filter-section-criteria-item.dts-search-sub-menu-more-link-container {
border: none;
}
.dts-search-filter-section-criteria-item.dts-clear-filters a {
display: inline-block;
padding: 0 5px;
}
.dts-search-filter-section-criteria-item.dts-clear-filters {
border: none;
}
.dts-search-filter-section-criteria-item {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
}
.dts-search-filter-submenu-items a.dts-search-filter-criteria-link {
min-width: 215px;
width: 215px;
}
.dts-search-filter-submenu-items .dts-search-filter-section-criteria-item.dts-search-sub-menu-more-link-container:hover {
border-color: #0579b9;
}
.dts-search-filter-submenu-items .dts-search-filter-section-criteria-item.dts-search-filter-submenu-border:first-of-type {
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
}
.dts-search-filter-submenu-items .dts-clear-filters:hover {
border-color: #0579b9;
}
.dts-search-filter-submenu-items {
list-style: none;
}
.dts-include-exclude-menu .dts-filter-selected-item .dts-icon-checkbox-checked {
margin: 0 12px 0 4px;
}
.dts-include-exclude-menu .dts-filter-excluded-item .dts-icon-filter-include {
margin: 0 12px 0 4px;
}
#dtsSearchFilter-category .dts-filter-selected-item .dts-icon-checkbox-checked {
margin: 0 12px 0 4px;
}
#dtsSearchFilter-category .dts-filter-excluded-item .dts-icon-filter-include {
margin: 0 12px 0 4px;
}
.dts-search-filter-submenu-items-hidden {
display: none;
}
.dts-search-filter-submenu.opened .dts-search-filter-submenu-items {
display: block;
}
.dts-search-filter-submenu.closed .dts-search-filter-submenu-items, .dts-search-filter-submenu.hidden .dts-search-filter-submenu-items {
display: none;
}
.dts-search-filter-submenu.closed .dts-search-requesting-filters {
display: none;
}
.dts-search-requesting-filters.closed {
display: none;
}
.dts-search-requesting-filters.opened {
display: block;
}
.dts-search-filter-submenu-title-icon-wrapper .dts-filter-menu-prompt {
display: inline;
font-style: italic;
font-size: 14px;
}
.dts-search-filter-submenu-title-icon-wrapper .dts-menu-collapsible-arrow {
display: inline-block;
}
.dts-search-filter-submenu-title-icon-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-search-filter-submenu-title-icon-wrapper.opened .dts-menu-collapsible-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dts-search-filter-submenu.nested:last-child {
border: 0;
}
.dts-search-filter-submenu {
padding: 4px;
}
.dts-search-filter-submenu-title-icon-wrapper:hover {
color: #0579b9;
}
.dts-search-filter-submenu-title-icon-wrapper .dts-filter-submenu-modifier {
font-size: 14px;
font-weight: 400;
margin-left: 5px;
}
.dts-search-filter-submenu-title-icon-wrapper {
color: #323232;
}
.dts-search-filters-and-results-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 20px;
margin-top: 20px
}
.dts-search-filters-and-results-container .dts-search-results-container .dts-panels-container .dts-comp-list-page-header {
background-color: #efefef;
}
.dts-search-filters-and-results-container .dts-search-results-container .dts-panels-container> .dts-panel:nth-of-type(odd):not(#owned-scenes-scene-grid):not(#favorite-scenes-scene-grid) {
background-color: #ffffff;
}
.dts-search-filter-menu-closed .dts-search-filter-submenu-toggle {
min-height: 114px;
}
.dts-search-filter-menu-closed .dts-filter-menu-toggle {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background: #0579b9;
border-color: transparent;
border-style: solid;
border-width: 0 1px 1px 1px;
color: #ffffff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 90px 128px;
transform-origin: 90px 128px;
width: 200px;
}
.dts-search-filter-menu-closed .dts-filter-menu-toggle.hover {
background-color: #ffffff;
border-color: #0579b9;
border-width: 1px;
}
.dts-search-filter-menu-closed .dts-filter-menu-toggle.hover .dts-open-filter-text {
color: #0579b9;
}
.dts-search-filter-menu-closed .dts-open-filter-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 5px 5px;
-webkit-tap-highlight-color: rgba(5, 121, 185, .40);
}
.dts-search-filter-menu-closed .dts-search-filter-submenu {
border-bottom: none;
display: none;
}
.dts-search-filter-menu-closed .dts-search-filter-menu-crumbs {
display: none;
}
.dts-search-filter-menu-closed {
padding-left: 18px;
width: 0;
}
.dts-search-filter-menu-opened {
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #d1d1d1;
border-right-style: solid;
border-right-width: 1px;
-webkit-box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, .2);
box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, .2);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-left: 0;
padding: 0;
width: 310px
}
.dts-search-filter-menu-opened .dts-filter-menu-toggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0579b9;
border-color: transparent;
border-style: solid;
border-width: 1px;
color: #ffffff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 12px;
}
.dts-search-filter-menu-opened .dts-filter-menu-toggle.hover {
background: #ffffff;
border-color: #0579b9;
color: #0579b9;
}
.dts-search-filter-menu-opened .dts-search-type {
margin-left: 20px;
margin-right: 20px;
}
.dts-search-filter-menu-opened .dts-search-filter-submenu {
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
margin-left: 20px;
margin-right: 20px;
}
.dts-search-filter-menu-opened .dts-open-filter-text {
display: none;
}
.dts-search-filter-menu-opened .dts-search-filter-menu-crumbs {
display: none;
}
.dts-search-type .dts-link-button.dts-search-type-button:first-child {
margin-left: 0;
}
.dts-search-filter-starfinder-list {
margin-top: 12px;
}
.dts-search-requesting-filters {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-search-sub-menu-more-link:hover, .dts-clear-filters a:hover, .dts-clear-filters.dts-filter-selected-item a:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-search-sub-menu-more-link,
.dts-clear-filters a,
.dts-clear-filters.dts-filter-selected-item a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
font-weight: 500;
margin: 5px 0;
text-transform: lowercase;
}
#dtsSettingsMemberWatchLaterScenes .dts-search-header-controls-separator, #dtsSettingsMemberFavoritesTagScenes .dts-search-header-controls-separator {
padding-left: 6px;
margin-left: 6px;
}
.dts-view-controls {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
line-height: 40px;
min-height: 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
vertical-align: baseline;
}
.dts-xpass-search-banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 36px
}
.dts-xpass-search-banner .dts-xpass-search-banner-img {
display: block;
width: 100%;
}
.dts-search-crumbs-flex-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding: 0 3px;
}
.dts-search-crumbs-collapsable-section {
height: 40px;
overflow-y: hidden;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 90%
}
.dts-search-crumbs-collapsable-section.expand {
overflow-y: visible;
height: auto;
}
.dts-expand-filters-btn.show {
display: block;
}
.dts-expand-filters-btn {
padding: 0 0 5px;
cursor: pointer;
display: none;
color: #0579b9;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.scene-filter-list-post-controls {
display: block;
}
/* ------------------------------------------------------------ */
/* Filter Menu Tooltips */
/* ------------------------------------------------------------ */
.dts-fm-tooltip {
display: none;
position: absolute;
left: 60px;
right: auto;
top: 12px;
bottom: auto;
background-color: rgba(255, 255, 255, .9);
border: 1px solid rgba(0, 0, 0, .8);
padding: 6px;
width: 130px;
text-align: center;
margin-left: 12px;
-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .2);
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .2);
z-index: 2000;
}
#search-scenes-scene-grid .dts-panel-header-nav {
white-space: nowrap;
}
/* IE 11 fix for fav icon on search results page */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dts-search-header-controls {
line-height: 40px;
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 480px) {
.dts-xpass-search-banner {
/* border-width: 0;
margin: 0; */
}}
/*******************************************/
/* STUDIO PAGES */
/*******************************************/
.dts-featured-studio {
width: 260px;
min-height: 100px;
}
.dts-favorite-studios .dts-collection-item {
margin-top: 12px;
margin-bottom: 12px;
width: 16.6%;
}
.dts-favorite-studios .dts-studio-box {
height: 146px;
width: 260px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.dts-favorite-studios .dts-collection-item-studio img, .dts-favorite-studios .dts-studio-box .dts-studio-no-logo {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-studio-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 260px;
min-height: 100px
}
.dts-studio-box .dts-studio-no-logo a {
color: rgba(80, 87, 112, .75);
font-size: 25px;
white-space: pre-wrap;
}
.dts-studio-box .dts-studio-no-logo a:hover {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(80, 87, 112, .75);
}
.dts-studio-box .dts-studio-no-logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100px;
text-align: center;
width: 260px;
}
.dts-studio-box .dts-studio-no-logo:hover {
background-color: #ffffff;
}
.dts-studio-box a:hover {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-studio-box a img {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-studio .dts-featured-studios .dts-panel-header-title {
padding-bottom: 10px;
-webkit-box-shadow: 0 1px rgba(0, 0, 0, .15);
box-shadow: 0 1px rgba(0, 0, 0, .15);
margin-bottom: 10px;
}
.dts-studio .dts-list-attributes {
margin: 20px 0;
}
.dts-studio .dts-movie-scene-links a:focus {
outline: #0579b9 auto 2px;
}
.dts-studio .dts-movie-scene-links .dts-link-button:first-of-type {
margin-right: 10px;
}
.dts-studio .dts-movie-scene-links {
margin: 20px 0 0;
}
.dts-studio .dts-panel > .dts-section-page-detail {
-webkit-box-shadow: 0 1px rgba(0, 0, 0, .15);
box-shadow: 0 1px rgba(0, 0, 0, .15);
padding: 0 0 20px 0;
margin: 0 20px;
}
.dts-studio .dts-section-page-detail-description h2 {
display: none;
}
.dts-studio .dts-section-page-detail-description {
border-bottom: none;
margin: 20px 0;
padding: 0;
}
.dts-studio .dts-section-page-detail-info .dts-section-page-heading-detail a:focus {
outline: #0579b9 auto 2px;
}
.dts-studio .dts-section-page-detail-info {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-studio .dts-section-page-detail-main-image-wrapper a:focus {
outline: #0579b9 auto 2px;
}
.dts-studio .dts-section-page-detail-main-image-wrapper {
margin-bottom: 0;
}
@media (max-width: 928px) {
.dts-studio .dts-section-page-detail-main-image-wrapper.dts-logo-studio-legacy img {
width: auto;
}
.dts-studio .dts-section-page-detail-main-image-wrapper.dts-logo-studio-legacy {
width: 260px;
}
.dts-studio .dts-section-page-detail-main-image-wrapper img {
min-width: 260px;
width: 100%;
}
.dts-studio .dts-section-page-detail-main-image-wrapper {
min-width: 260px;
width: calc(100% - 340px);
}
}
@media (max-width: 640px) {
.dts-studio .dts-panel-header h1 {
font-size: 22px;
line-height: 24px;
}
.dts-studio.dts-section-page-detail-description h2 {
font-size: inherit;
}
.dts-studio .dts-section-page-detail-main-image-wrapper.dts-logo-studio-legacy {
width: 100%;
}
.dts-studio .dts-section-page-detail-main-image-wrapper img {
width: auto;
}
.dts-studio .dts-section-page-detail-main-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0;
width: 100%;
}
.dts-studio .dts-section-page-detail-mobile-header h1 {
font-size: 22px;
line-height: 24px;
}
.dts-studio .dts-section-page-detail-mobile-header {
display: block;
padding-bottom: 20px;
}
.dts-studio .dts-section-page-detail-info.dts-section-page-detail-no-image {
margin-top: 0;
}
.dts-studio .dts-section-page-detail-info .dts-section-page-heading-detail {
display: none;
}
.dts-studio .dts-section-page-detail-info {
width: 100%;
}
.dts-studio .dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-studio .dts-section-page-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-studio .dts-scene-modal-content .dts-section-page-detail-main-image-wrapper {
display: none;
}
}
@media (max-width: 480px) {
.dts-featured-studios .dts-panel-header h1 {
font-size: 20px;
line-height: 24px;
}
.dts-studio .dts-panel-header h1 {
font-size: 20px;
line-height: 24px;
}
}
.downloads .dts-play-buttons-wrapper {
margin-bottom: 6px;
}
.dts-grid-downloads .dts-collection-container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 320px;
}
.dts-member-downloads-count {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 36px;
margin-top: 12px;
padding: 0 7px
}
.dts-member-downloads-count.apple {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-member-downloads-count.info {
background-color: #4d9bb9;
}
.dts-member-downloads-count.warning {
background-color: #edb74e;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-member-downloads-count .dts-button-purchase-option-icon-wrapper {
width: 23px;
height: 23px;
margin: 0 3px 0 10px;
}
.dts-member-downloads-count .dts-member-downloads-count-text {
padding-right: 6px;
}
.dts-member-downloads-count.dts-downloads-remaining.apple {
cursor: default;
}
.dts-member-downloads-count.dts-downloads-remaining {
cursor: pointer;
padding-left: 7px;
padding-right: 2px;
}
.dts-member-downloads-count.dts-member-downloads-scenes-list.warning {
padding-left: 7px;
padding-right: 7px;
}
.dts-member-downloads-count.dts-member-downloads-scenes-list {
margin-top: 0px;
}
.dts-member-downloads-featured .dts-panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-member-downloads-featured {
margin-top: 20px;
padding: 0 0px 20px 0px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-featured {
padding: 0 0px 20px 20px;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.dts-member-downloads-ios-disclaimer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #edb74e;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 20px;
min-height: 32px;
padding: 4px;
text-align: center;
}
.dts-member-downloads-links {
position: absolute;
z-index: 9999;
width: 100%;
}
.dts-member-downloads-links-wrapper {
position: relative;
display: none;
}
.dts-member-purchase-icon-wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-download-options-header.dts-button-purchase-option-icon-wrapper.dts-show-purchase-actions {
color: #ffffff;
}
.dts-download-options-header.header-apple {
display: none;
}
/**************OWNED MOVIES AND SCENES PLAY AND DOWNLOAD BUTTONS TRICKERY*******************/
/**owned movies**/
@media (max-width: 1645px) and (min-width: 1280px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count {
font-size: calc(-0.0274px + 1.09589vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-button.dts-link-button {
font-size: calc(-0.0274px + 1.09589vw);
}
}
@media (max-width: 1330px) and (min-width: 790px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play.large.no-preview {
font-size: calc(4.4537px + 1.01852vw);
}
}
@media (max-width: 1280px) and (min-width: 790px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count {
font-size: calc(3.63265px + 1.12245vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-button.dts-link-button {
font-size: calc(3.63265px + 1.12245vw);
}
}
@media (max-width: 790px) and (min-width: 517px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play.large.no-preview {
font-size: calc(2.53114px + 1.8315vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-button.dts-link-button {
font-size: calc(-3.25641px + 2.5641vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count.dts-downloads-remaining {
padding-left: 5px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count {
font-size: calc(-3.25641px + 2.5641vw);
font-weight: 400;
white-space: nowrap;
}
}
@media (max-width: 517px) and (min-width: 320px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play .dts-button-play-large-icon-text {
padding-left: calc(-1.8731px + 1.52284vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play .dts-icon-svg-play-preview {
height: calc(7.00508px + 4.06091vw);
width: calc(7.00508px + 4.06091vw);
min-width: calc(7.00508px + 4.06091vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play.large.no-preview {
font-size: calc(5.19036px + 2.28426vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-button.dts-link-button {
font-size: calc(1.25381px + 3.04569vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count .dts-button-purchase-option-icon-wrapper {
height: calc(4.62944px + 3.5533vw);
width: calc(4.62944px + 3.5533vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count.dts-downloads-remaining {
padding-left: 3px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count {
font-size: calc(-1.63299px + 3.60406vw);
font-weight: 400;
white-space: nowrap;
}
}
@media (max-width: 320px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play .dts-button-play-large-icon-text {
padding-left: 3px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play .dts-icon-svg-play-preview {
height: 20px;
width: 20px;
min-width: 20px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-button-play.large.no-preview {
font-size: 12.5px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-button.dts-link-button {
font-size: 11px);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count .dts-button-purchase-option-icon-wrapper {
height: 16px;
width: 16px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count.dts-downloads-remaining {
padding-left: 3px;
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-member-downloads-count {
font-size: 9.9px;
font-weight: 400;
white-space: nowrap;
}
}
/**owned scenes**/
@media (max-width: 1645px) and (min-width: 1401px) {
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-button-play.large.no-preview {
font-size: calc(-19.07992px + 2.2541vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-count {
font-size: calc(-8.96721px + 1.63934vw);
white-space: nowrap;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-button.dts-link-button {
font-size: calc(-8.96721px + 1.63934vw);
}
}
@media (max-width: 777px) and (min-width: 717px) {
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-button-play.large.no-preview {
font-size: calc(4.05px + 1.66667vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-count {
font-size: calc(4.05px + 1.66667vw);
white-space: nowrap;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-button.dts-link-button {
font-size: calc(4.05px + 1.66667vw);
}
}
@media (max-width: 640px) {
#dtsSettingsMemberPurchasesOwnedScenes .dts-member-owned-scenes-list {
margin-bottom: 14px;
width: 100%;
}
}
@media (max-width: 543px) and (min-width: 386px) {
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-button-play.large.no-preview {
font-size: calc(-3.75159px + 3.82166vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-button-play .dts-icon-svg-play-preview {
height: calc(0.33121px + 5.09554vw);
width: calc(0.33121px + 5.09554vw);
min-width: calc(0.33121px + 5.09554vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-count .dts-button-purchase-option-icon-wrapper {
height: calc(5.70701px + 3.18471vw);
width: calc(5.70701px + 3.18471vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-count.dts-downloads-remaining {
padding-left: 5px;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-count {
font-size: calc(-3.75159px + 3.82166vw);
font-weight: 400;
white-space: nowrap;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-grid-scenes .dts-member-downloads-button.dts-link-button {
font-size: calc(-3.75159px + 3.82166vw);
}
}
/****** SORT / FILTER BUTTONS TRICKERY *********/
@media (max-width: 490px) and (min-width: 357px) {
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumb-label {
font-size: calc(-2.42105px + 3.7594vw);
min-width: 30px;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumbs-link.dts-link-button {
font-size: calc(-2.42105px + 3.7594vw);
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-left: calc(-1.05263px + 2.25564vw);
margin-right: calc(-1.05263px + 2.25564vw);
padding-left: calc(-5.05263px + 2.25564vw);
padding-right: calc(-3.3px + 1.76471vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumbs-link:last-child {
margin-right: 0px;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs {
font-size: calc(-2.42105px + 3.7594vw);
margin-left: calc(-23.15789px + 6.76692vw);
margin-right: calc(-23.15789px + 6.76692vw);
}
}
@media (max-width: 357px) and (min-width: 320px) {
#dtsSettingsMemberPurchasesOwnedMovies .dts-search-crumbs .dts-search-crumb-label {
font-size: calc(19.64865px + -2.7027vw);
}
#dtsSettingsMemberPurchasesOwnedMovies .dts-search-crumbs .dts-search-crumbs-link.dts-link-button {
font-size: calc(19.64865px + -2.7027vw);
padding-left: calc(-22.94595px + 8.10811vw);
padding-right: calc(-22.94595px + 8.10811vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumb-label {
font-size: calc(-2.42105px + 3.7594vw);
min-width: 30px;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumbs-link.dts-link-button {
font-size: calc(-2.42105px + 3.7594vw);
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-left: calc(-1.05263px + 2.25564vw);
margin-right: calc(-1.05263px + 2.25564vw);
padding-left: calc(-5.05263px + 2.25564vw);
padding-right: calc(-3.3px + 1.76471vw);
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs .dts-search-crumbs-link:last-child {
margin-right: 0px;
}
#dtsSettingsMemberPurchasesOwnedScenes .dts-search-crumbs {
font-size: calc(-2.42105px + 3.7594vw);
margin-left: calc(-23.15789px + 6.76692vw);
margin-right: calc(-23.15789px + 6.76692vw);
}
}
.dts-link-button:hover .dts-menu-item {
color: #ffffff;
}
.dts-nav-menu-collapsible.dts-menu-account #dtsMessagesMobileMyAccountLink .dts-link-button sup {
font-size: 12px;
position: relative;
top: -9px;
vertical-align: super;
}
.dts-nav-menu-collapsible.dts-menu-account #dtsMessagesMobileMyAccountLink .dts-link-button {
width: auto;
height: 32px;
}
.dts-member-message .dts-member-message-header h1 {
margin-top: 25px;
font-size: calc(13.1236px + 0.89888vw);
font-weight: 600;
width: 100%;
line-height: calc(22.5618px + 0.44944vw);
}
.dts-member-message .dts-message-date {
font-size: 16px;
margin: calc(16.40449px + 1.1236vw) 0;
}
.dts-member-message .dts-message-body {
font-size: 16px;
margin-bottom: 40px;/* start signup inbox message (placed here for branding consistency across VOD sites) */
}
.dts-member-message .dts-message-body .dts-signup-message {
background: -webkit-gradient(linear, left top, right top, from(#0abdff), to(#0470ee));
background: linear-gradient(90deg, #0abdff, #0470ee);
}
.dts-member-message .dts-message-body .dts-signup-message .dts-option-content {
border-bottom: solid 2px #0579b9;
}
.dts-member-message .dts-message-body .dts-option-wrapper-action {
background: -webkit-gradient(linear, left top, right top, from(#0abdff), to(#0470ee));
background: linear-gradient(90deg, #0abdff, #0470ee);
}
.dts-member-message .dts-message-body {/* end signup inbox message (placed here for branding consistency across VOD sites) */
}
.dts-member-message .dts-message-body p {
margin-top: 10px;
line-height: 24px;
}
.dts-member-message {
background: transparent;
padding: 0 20px 10px;
width: 100%;
}
.dts-member-message-header {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-member-message nav a:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-member-message nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
height: 40px;/* 20px padding-top + 20px padding-bottom +40px = 80px */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.dts-member-message-nav-back {
width: 50%;
}
.dts-member-message-nav-options {
width: 50%;
text-align: right;
}
.dts-member-message-wrapper {
margin: 30px 0;
}
.dts-member-message-not-found {
margin: 20px 0;
}
#dtsBtnDeleteMsg {
margin-left: 20px;
}
#dtsMobileMsgMenuIcon {
display: none;
}
#dtsMobileMsgMenu {
display: none;
}
#dtsModalDeleteMsg label {
vertical-align: middle;
color: #0579b9;
}
#dtsModalDeleteMsg .dts-form-field-checkbox {
vertical-align: middle;
}
#dtsModalDeleteMsg .dts-link-button {
margin-right: 12px;
}
@media (max-width: 680px) {
.dts-member-message nav {
padding: 20px;
width: auto;
}
.dts-member-message .dts-member-message-header {
padding-left: 20px;
padding-right: 20px;
}
.dts-member-message .dts-message-date {
padding-left: 20px;
padding-right: 20px;
}
.dts-member-message .dts-message-body {
padding-left: 20px;
padding-right: 20px;
}
.dts-member-message #dtsMobileMsgMenu {
white-space: nowrap;
}
.dts-member-message {
padding: 0;
}
}
@media (max-width: 480px) {
.dts-member-message nav {
height: 56px;
padding: 0 12px;
}
.dts-member-message .dts-member-message-header h1 {
font-size: 16px;
margin-top: 14px;
}
.dts-member-message .dts-message-date {
margin: 20px 0;
}
.dts-member-message {
padding: 0;
}
#dtsBtnMessageChangeReadStatus, #dtsBtnDeleteMsg {
display: none;
}
#dtsMobileMsgMenu .dts-menu-item {
cursor: pointer;
text-align: left;
}
#dtsMobileMsgMenuIcon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
#ccNumber[type='number']::-webkit-inner-spin-button,
#ccNumber[type='number']::-webkit-outer-spin-button,
#ccv[type='number']::-webkit-inner-spin-button,
#ccv[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#ccNumber[type='number'],
#ccv[type='number'] {
-moz-appearance:textfield;
}
main .dts-body-section.dts-view-centered .dts-cart {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 30px;
margin: 20px 15px;
min-height: 200px;
max-width: 937px;
width: 100%;
}
.dts-cart .dts-cart-checkout-item-name a {
white-space: normal;
}
.dts-cart .dts-cart-checkout-item-name {
font-size: 18px;
}
.dts-cart .dts-cart-checkout-line-item {
min-height: 64px;
padding: 10px 0;
}
.dts-cart .dts-section-page-heading-title h1 span {
font-size: 20px;
}
.dts-cart-boxcover {
display: inline-block;
}
.dts-cart-checkout-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-cart-checkout-item {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px
}
.dts-cart-checkout-item .dts-promotional-strike-through {
font-weight: 400;
white-space: nowrap;
}
.dts-cart-checkout-item-responsive-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-cart-checkout-item-name {
font-weight: 600;
}
.dts-cart-checkout-item-name-type h1 {
margin-right: 6px;
}
.dts-cart-checkout-item-name-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 20px;
margin-right: auto;
}
.dts-cart-checkout-item-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* padding: 0 26px; */
width: 100%;
}
.dts-cart-checkout-type-rental span {
margin: 0 0 4px;
}
.dts-cart-checkout-item-type {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 6px;
min-height: 36px
}
.dts-cart-checkout-item-type.dts-cart-checkout-item-type-xpass {
display: block;
}
.dts-cart-checkout-item-type.dts-cart-checkout-item-type-xpass span {
white-space: nowrap;
}
.dts-cart-checkout-item-type.dts-cart-checkout-item-type-xpass span.dts-cart-monthly-rebill-price {
display: inline-block;
font-size: 14px;
font-style: italic;
line-height: 18px;
white-space: normal;
}
.dts-cart-checkout-line-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 4px;
min-height: 40px;
}
.dts-cart-checkout-no-promo {
font-size: 14px;
}
.dts-cart-checkout-price-discount {
text-align: right
}
.dts-cart-checkout-price-discount > span:last-of-type {
font-weight: 600;
}
.dts-cart-checkout-price-discount .dts-discount-type {
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
.dts-cart-checkout-price-discount .dts-promotional-strike-through {
font-size: 14px;
}
.dts-cart-checkout-price-discount .dts-cart-checkout-price span:nth-child(2) {
margin-left: 10px;
}
.dts-cart-checkout-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-width: 110px;
}
.dts-cart-checkout-price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dts-cart-delete span:last-of-type {
margin-left: 6px;
height: 19px;
}
.dts-cart-delete span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-cart-delete {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 14px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-cart-warning {
background-color: #edb74e;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
margin: 6px 0 0;
padding: 10px;
}
.dts-cart-proceed #dtsProceedToCheckoutButton {
justify-self: flex-end;
margin-left: auto;
}
.dts-cart-proceed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0 0 20px;
}
.dts-cart-messaging-total-wrapper {
/* padding: 0 26px 10px; */
}
main .dts-body-section.dts-view-centered .dts-checkout {
background-color: transparent;
border-width: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 15px;
max-width: 937px;
padding: 0;
width: 100%;
}
.dts-checkout .dts-cart-checkout-price-wrapper {
margin: 6px 0;
}
.dts-checkout .dts-section-form-heading {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.dts-checkout .dts-section-page-heading-title h1 {
font-weight: 400;
}
.dts-checkout-card-expire {
padding-left: 20px;
white-space: nowrap;
}
.dts-checkout-cs-contact-section {
margin-top: 30px
}
.dts-checkout-cs-contact-section h1.dts-page-title {
font-size: 18px;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper {
display: grid;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
justify-items: start;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option-title svg {
margin-right: 4px;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 6px;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option {
background: transparent;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #b5b5b5;
color: #323232;
margin: 0 10px 12px 0;
min-height: 80px;
min-width: 200px;
padding-left: 20px;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:first-of-type {
border-left-style: none;
padding-left: 0;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:last-of-type {
margin-right: 0;
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option .dts-checkout-cs-contact-option-content a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 400;
height: 28px;
padding-left: 2px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option .dts-checkout-cs-contact-option-content a:hover {
background: transparent;
border-color: #0579b9;
color: #0579b9;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option .dts-checkout-cs-contact-option-content li {
line-height: 30px;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-option-title {
font-size: 22px;
font-weight: 600;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-hours {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
min-height: 30px;
white-space: nowrap;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-hours .dts-cs-contact-asterisk-info {
margin-bottom: 12px;
}
.dts-checkout-details {
color: #323232;
font-size: 14px;
min-height: 20px;
text-align: center
}
.dts-checkout-details.dts-checkout-details-extra-room {
padding-top: 40px;
}
.dts-checkout-sections-wrapper {
background: #ffffff;
border-color: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
border-radius: 3px;
margin: 20px 0;
padding: 10px 30px
}
.dts-checkout-sections-wrapper:last-of-type {
margin-top: 30px;
}
.dts-checkout-header h1 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: #323232;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
line-height: 24px;
}
.dts-checkout-header h1 span:first-child {
padding-right: 6px;
}
.dts-checkout-header h1 .dts-checkout-details {
-ms-flex-item-align: end;
align-self: flex-end;
white-space: nowrap;
}
.dts-checkout-modal-content h2 {
margin: 10px 0;
}
.dts-checkout-modal-content p {
margin: 10px 0;
font-size: 14px;
line-height: 22px;
}
.dts-checkout-modal-content {
background: #ffffff;
display: none;
min-width: 280px;
padding: 20px;
width: auto;
}
.dts-checkout-payment-logo {
height: 25px;
padding-right: 2px;
}
.dts-checkout-payment-logo-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#sectionPayByMail button {
margin-bottom: 30px;
}
#sectionPayByMail {
display: none;
}
#dts-pbm-form-wrapper {
line-height: 24px;
margin-bottom: 20px
}
#dts-pbm-form-wrapper .dts-checkout-pbm-instructions-wrapper .dts-checkout-pbm-instructions-header {
font-weight: 600;
margin-bottom: 20px;
}
#dts-pbm-form-wrapper .dts-checkout-pbm-instructions-wrapper .dts-checkout-pbm-instructions-mailing-address-wrapper .dts-checkout-pbm-instructions-mailing-address {
font-style: italic;
}
#dts-pbm-form-wrapper .dts-checkout-pbm-instructions-wrapper .dts-checkout-pbm-instructions-mailing-address-wrapper {
margin-bottom: 20px;
}
#dts-pbm-form-wrapper .dts-checkout-pbm-form .dts-checkout-pbm-field-group .dts-checkout-pbm-field-name {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 600;
width: 115px;
}
#dts-pbm-form-wrapper .dts-pay-by-mail-contact-information div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
margin-bottom: 7px;
}
#dts-pbm-form-wrapper .dts-pay-by-mail-contact-information div label {
margin-right: 10px;
font-weight: 600;
white-space: nowrap;
}
#dts-pbm-form-wrapper .dts-pay-by-mail-contact-information div select {
margin: 0;
padding: 0;
width: auto;
}
#dts-pbm-form-wrapper .dts-pay-by-mail-contact-information textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.dts-checkout-place-order-button button {
font-weight: 400;
height: 36px;
padding: 0 4px;
width: 258px;
}
#dtsCheckoutPlaceOrderButton {
font-size: 20px
}
#dtsCheckoutPlaceOrderButton:before {
content: "Place ";
}
#dtsCheckoutPlaceOrderButton:disabled {
cursor: default;
}
#dtsCheckoutPlaceOrderButton:disabled:before {
content: "";
}
#dtsCheckoutPlaceOrderButton:disabled:after {
content: " Processing";
}
#dtsCheckoutPlaceOrderButton:disabled {
color: #545454;
background: transparent;
border-color: #545454;
}
#dtsCheckoutPlaceOrderButton.dts-disable-place-order:disabled {
cursor: default;
}
#dtsCheckoutPlaceOrderButton.dts-disable-place-order:disabled:before {
content: "Place ";
}
#dtsCheckoutPlaceOrderButton.dts-disable-place-order:disabled:after {
content: "";
}
.dts-checkout-section {
padding: 0 15px
}
.dts-checkout-section.dts-current-payment-method .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-checkout-section.dts-current-payment-method .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div .dts-checkout-payment-selected {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-weight: 600;
line-height: normal;
min-height: 30px;
margin-right: 10px;
padding: 6px 0;
white-space: nowrap;
}
.dts-checkout-section.dts-checkout-select-payment .dts-add-credit-debit-form {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 20px;
margin-bottom: 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper {
border: none;
padding: 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card {
border-color: #000000;
border-style: solid;
border-width: 2px;
border-radius: 3px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card:hover {
border-color: #0579b9;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-select-payment-header {
background-color: #000000;
cursor: pointer;
font-weight: 400;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
min-height: 36px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-select-payment-header h2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-select-payment-header h2 i {
color: #ffffff;
font-size: 21px;
padding-right: 10px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-select-payment-header + div {
display: none;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item {
background-color: transparent;
border: none;
color: #323232;
cursor: default;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper {
padding: 0 8px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 15px 0 7px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group .dts-form-group-exp-ccv input {
text-align: center;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group .dts-form-group-exp-ccv input:-webkit-input-placeholder {
text-align: center;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group .dts-form-group-exp-ccv input:-moz-placeholder {
text-align: center;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group button {
margin: 8px 0;
width: 250px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item .dts-form-inline-input {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item .dts-checkout-select-payment-subheader {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: none;
max-width: initial;
padding: 6px 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item .dts-checkout-select-payment-subheader span:first-of-type {
font-weight: 600;
white-space: nowrap;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-paypal-segpay .dts-checkout-select-payment-group .dts-checkout-payment-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 40px;
padding: 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-paypal-segpay .dts-checkout-select-payment-group .dts-checkout-payment-item.dts-paypal-supported {
border-color: #f8c545;
background-color: #f8c545;
cursor:pointer;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-paypal-segpay .dts-checkout-select-payment-group .dts-checkout-payment-item.dts-paypal-supported:hover {
border-color: #0579b9;
background-color: #f8c545;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-paypal-segpay .dts-checkout-select-payment-group .dts-checkout-payment-item.dts-paypal-unsupported-currency {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item {
background-color: #efefef;
border-color: #b5b5b5;
color: #000000;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item:hover {
border-color: #b5b5b5;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item i,
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item span {
color: #000000;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: opacity(0.3);
filter: opacity(0.3);
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group .dts-checkout-payment-item {
background-color: #c4effc;
border-color: #c4effc;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group .dts-checkout-payment-item:hover {
border-color: #0579b9;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group .dts-checkout-payment-item.dts-crypto-unsupported-currency {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group .dts-checkout-payment-item i {
color: #000000;
font-size: 23px;
margin-right: 6px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other.dts-checkout-crypto .dts-checkout-select-payment-group .dts-checkout-payment-item i:last-of-type {
padding-right: 10px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other .dts-checkout-select-payment-group .dts-checkout-payment-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
min-height: 40px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other .dts-checkout-select-payment-group .dts-checkout-payment-item .dts-icon-pay-by-mail {
padding-right: 10px;
font-size: 21px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
padding-right: 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card:last-of-type {
margin-bottom: 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-checkout-card-expire {
padding: 0 20px 0 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-checkout-select-card-text {
padding-right: 20px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-make-default-payment {
cursor: default;
margin: 0;
padding: 7px 0;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-make-default-payment label {
cursor: pointer;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-make-default-payment label:hover {
color: #0579b9;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-form-input-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-checkout-payment-saved-card .dts-expired-card {
padding-right: 20px;
}
.dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper .dts-form-input-label {
color: #323232;
font-size: 14px;
margin: 0;
padding-right: 6px;
}
.dts-checkout-section.dts-checkout-place-order h1 {
margin-right: 10px;
}
.dts-checkout-section.dts-checkout-place-order .dts-checkout-section-title {
border-top-color: #b5b5b5;
border-top-style: solid;
border-top-width: 1px;
min-height: 90px;
}
.dts-checkout-section .dts-checkout-section-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 72px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-pay-by-mail-action-wrapper {
display: none;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-pay-by-mail-action-wrapper .dts-checkout-print-page-button {
font-size: 20px;
font-weight: 400;
height: 36px;
width: 280px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 6px 0;
width: 100%;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper h1 {
margin-right: 40px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div .dts-checkout-selected-payment-description {
color: #000000;
font-size: 16px;
line-height: normal;
margin-right: 20px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div .dts-checkout-selected-payment-description .dts-checkout-saved-payment {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-weight: 600;
line-height: normal;
min-height: 30px;
margin-right: 10px;
padding: 6px 0;
white-space: nowrap;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper > div .dts-checkout-selected-payment-description .dts-checkout-saved-payment span {
font-weight: 400;
white-space: normal;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper button {
height: auto;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper button .dts-checkout-payment-logo-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 36px;
line-height: normal;
padding: 0 8px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper button .dts-checkout-payment-logo-wrapper span {
font-size: 14px;
padding-right: 8px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper button .dts-checkout-payment-logo-wrapper .dts-checkout-payment-logo {
height: 15px;
padding-right: 6px;
}
.dts-checkout-section .dts-checkout-section-title.dts-checkout-selected-payment-wrapper button .dts-checkout-payment-logo-wrapper .dts-checkout-payment-logo:last-of-type {
padding-right: 0;
}
.dts-checkout-section .dts-checkout-section-title h1 {
font-size: 22px;
font-weight: 600;
}
.dts-checkout-section .dts-checkout-cart-summary-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 30px;
}
.dts-checkout-section .dts-checkout-cart-summary-header .dts-icon-chevron-down {
color: #0579b9;
font-size: 24px;
}
.dts-checkout-section .dts-checkout-cart-summary-items {
display: none;
line-height: 22px;
padding: 0 15px;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item:first-of-type .dts-cart-checkout-line-item {
margin-bottom: 22px;
min-height: 45px;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item:last-of-type {
border-bottom-style: none;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item .dts-cart-checkout-line-item {
min-height: 90px;
padding-bottom: 0;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item .dts-cart-checkout-line-item .dts-cart-checkout-item-name-type {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item .dts-cart-checkout-line-item .dts-cart-checkout-item-name-type.dts-cart-checkout-type-rental span {
margin: 0;
}
.dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item .dts-cart-checkout-line-item .dts-cart-checkout-item-name-type .dts-cart-checkout-item-type {
min-height: auto;
}
.dts-checkout-section .dts-comp-purchase-total {
border-top-color: #b5b5b5;
border-top-style: solid;
border-top-width: 0;
margin: 0 15px;
min-height: 72px;
}
.dts-checkout-section .dts-applied-promo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 15px 30px;
padding: 10px 0;
}
.dts-checkout-section .dts-applied-promo .dts-promo-description {
color: #4d9bb9;
display: block;
margin: 0;
min-height: 24px;
padding: 0 15px;
vertical-align: middle;
}
.dts-checkout-section .dts-applied-promo .dts-promo-description span:first-child {
font-weight: 600;
}
.dts-checkout-section .dts-page-title {
margin-top: 0;
}
.dts-checkout-section:first-child {
margin-bottom: 0;
}
.dts-checkout-select-payment-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px
}
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item {
cursor: default;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item:hover {
background-color: #efefef;
border-color: #b5b5b5;
color: #0579b9;
}
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item img,
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item span,
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item i {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0.9) opacity(0.5);
filter: grayscale(0.9) opacity(0.5);
}
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-checkout-select-payment-group.disabled .dts-segpay-invalidation-message {
padding: 10px 12px 0;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #efefef;
border-width: 2px;
border-color: #b5b5b5;
border-radius: 3px;
border-style: solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0579b9;
cursor: pointer;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size: 16px;
font-weight: 400;
min-height: 40px;
padding: 0 6px;
white-space: nowrap;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item:hover {
background-color: #c4effc;
border-color: #5c90b1;
color: #000000;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item:hover .dts-expired-card {
color: #d6d6d6;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item .dts-checkout-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
line-height: 25px;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item.dts-checkout-payment-selected .dts-checkout-details {
color: #000000;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item.dts-checkout-payment-selected .dts-form-group input {
background-color: #ffffff;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item.dts-checkout-payment-selected {
background-color: #c4effc;
border-color: #5c90b1;
color: #000000;
cursor: default;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item.dts-checkout-payment-selected-hide {
display: none;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item .dts-form-field-checkbox + label {
color: #323232;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item .dts-form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 40px;
margin: 6px 0;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item.dts-form-wrapper {
display: block;
line-height: 24px;
margin: 0;
padding: 0 6px;
}
.dts-checkout-select-payment-group .dts-no-saved-cards-statement {
padding: 12px;
}
.dts-checkout-select-card-text {
white-space: nowrap;
}
.dts-checkout-select-payment-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-weight: 600;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 24px;
margin-bottom: 3px;
min-height: 32px;
width: 100%;
}
.dts-checkout-select-payment-subheader span:first-child {
line-height: 33px;
padding-right: 10px;
}
.dts-checkout-select-payment-subheader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 24px;
min-height: 40px;
max-width: 640px;
}
.dts-checkout-select-payment-wrapper {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 15px;
padding: 0 26px 6px
}
.dts-checkout-select-payment-wrapper:last-child {
border-width: 0;
}
.dts-expired-card {
color: #ff0000;
}
.dts-free-min-checkout-disclaimers div:first-child {
padding-bottom: 12px;
}
.dts-free-min-checkout-disclaimers {
font-size: 14px;
font-style: italic;
margin-bottom: 40px;
margin-top: 30px;
}
.dts-payment-information .dts-payment-alt-delete-alignment {
-ms-flex-item-align:end;
align-self:flex-end;
}
.dts-payment-information .dts-payment-saved-item.dts-form-wrapper {
display: block;
line-height: 24px;
margin: 0;
padding: 0 6px 6px;
}
.dts-payment-information .dts-payment-saved-item.dts-payment-default-card {
background-color: #c4effc;
border-color: #000000;
border-style: solid;
border-width: 2px;
border-radius: 3px;
color: #000000;
}
.dts-payment-information .dts-payment-saved-item {
border-width: 1px;
border-color: #b5b5b5;
border-radius: 3px;
border-style: solid;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
font-weight: 400;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 30px;
margin: 6px 0;
min-height: 40px;
padding: 0 6px;
}
.dts-payment-information .dts-payment-saved-card-text {
white-space: nowrap;
padding-right: 20px;
}
.dts-payment-information .dts-payment-saved-card-expires {
white-space: nowrap;
}
.dts-payment-information .dts-payment-add-card.dts-form-wrapper .dts-checkout-details {
color: #323232;
}
.dts-payment-information .dts-payment-add-card.dts-form-wrapper {
display: block;
line-height: 24px;
margin: 0;
}
.dts-payment-information .dts-payment-add-card .dts-checkout-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
line-height: 25px;
}
.dts-payment-information .dts-payment-add-card .dts-form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 40px;
margin: 6px 0;
}
.dts-payment-information .dts-payment-saved-card-actions.dts-payment-alt-card-action-layout {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-payment-information .dts-payment-saved-card-actions .dts-payment-default-card-text {
display: inline-block;
font-weight: 600;
width: 135px;
}
.dts-payment-information .dts-payment-saved-card-actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 42px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-payment-information .dts-payment-saved-card-info {
min-height: 30px;
}
.dts-payment-information {
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07),-1px -1px rgba(0, 0, 0, .05),1px 1px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07),-1px -1px rgba(0, 0, 0, .05),1px 1px rgba(0, 0, 0, .1);
margin: 30px 0;
padding: 20px;
}
.dts-promo-modal-content div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 80px;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.dts-promo-modal-content p {
line-height: 24px;
}
.dts-promo-modal-content {
background: #ffffff;
display: none;
max-width: 600px;
min-width: 280px;
padding: 20px;
width: 50%;
border-radius: 3px;
}
.dts-promo-section {
/* margin-top: 50px; */
background-color: #ffffff;
border-radius: 3px;
border: 1px solid #b5b5b5
}
.dts-promo-section .dts-no-promos-available {
padding-top: 15px;
text-align: center;
width: 100%;
}
.dts-promo-section .dts-promo-section-header {
font-size: 18px;
min-height: 32px;
border-bottom: 1px solid #b5b5b5;
padding: 6px 0 6px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-promo-section li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 10px;
border-bottom: 1px solid #b5b5b5;
min-height: 64px;
margin: 0 10px;
}
.dts-promo-section li .dts-apply-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: flex-end;
margin-left: auto;
padding: 10px;
min-width: 110px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;/* border: 1px red solid; */
}
.dts-promo-section li .dts-promo-does-not-apply-wrapper {
color: #91949c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-self: flex-end;
margin-left: auto;
padding: 10px;
text-align: center;
line-height: 18px;
min-width: 110px;
}
.dts-promo-section li .dts-promo-does-not-apply-wrapper .dts-promo-expiry {
color: #91949c;
line-height: 16px;
}
.dts-promo-section li .dts-promo-expiry {
font-size: 12px;
line-height: 12px;
margin-top: 5px;
color: #323232;
}
.dts-promo-section .dts-promo-code-applied .dts-link-button {
color: #4d9bb9;
width: 96px;
text-align: center;
background-color: transparent;
border-color: transparent;
cursor: default;
}
.dts-promo-section .dts-promo-code-applied .dts-promo-name {
color: #4d9bb9;
}
.dts-promo-section .dts-promo-code-applied .dts-promo-code-desc {
color: #4d9bb9;
}
.dts-promo-section .dts-promo-code-applied .dts-promo-expiry {
color: #4d9bb9;
}
.dts-promo-section .dts-promo-code-not-applicable .dts-promo-name {
color: #91949c;
}
.dts-promo-section .dts-promo-does-not-apply {
justify-self: flex-end;
margin-left: auto;
font-size: 14px;
font-weight: 500;
text-align: center;
width: 100%;
}
.dts-promo-section .dts-add-promo .dts-add-promo-form a {
display: inline-block;
}
.dts-promo-section .dts-add-promo .dts-add-promo-form form input {
margin-right: 12px;
}
.dts-promo-section .dts-add-promo .dts-add-promo-form form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.dts-promo-section .dts-add-promo .dts-add-promo-form input[name="percentPromoCode"] {
padding: 0 4px;
width: auto;
}
.dts-promo-section .dts-add-promo .dts-add-promo-form {/* display: none; */
}
.dts-promo-section .dts-add-promo .dts-add-promo-view-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #323232;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 22px;
margin: 7px 0;
max-width: 200px;
padding: 10px 0;
}
.dts-promo-section .dts-add-promo .dts-add-promo-view-control span {
padding-right: 6px;
}
.dts-promo-section .dts-add-promo .dts-add-promo-view-control span::-moz-selection {
background: transparent;
}
.dts-promo-section .dts-add-promo .dts-add-promo-view-control span::selection {
background: transparent;
}
.dts-promo-section .dts-add-promo .dts-add-promo-view-control svg {
height: 16px;
width: 16px;
}
.dts-applied-promo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ffffff;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-height: 22px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #b5b5b5
}
.dts-applied-promo .dts-promo-description {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 12px;
min-width: 200px;
}
.dts-applied-promo .dts-promo-description span:first-child {
color: #4d9bb9;
font-weight: 600;
}
.dts-applied-promo .dts-promo-description .dts-promo-name {
color: #4d9bb9;
margin-right: 20px;
}
.dts-promo-code-not-applicable {
color: #91949c;
}
.dts-promo-code-desc-available .dts-promo-code {
font-weight: 600;
}
.dts-promo-code-desc-available {
font-size: 18px;
}
.dts-promo-code-desc, .dts-promo-code-not-applicable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: nowrap;
min-width: 0;
}
.dts-promo-code {
min-width: 0;
/* overflow-x: hidden; */
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
text-transform: uppercase;
font-size: 18px;
}
.dts-promo-description {
display: inline-block;
white-space: normal;
min-width: 0;
overflow: hidden;
/* width: 100%; */
text-overflow: ellipsis;
text-transform: capitalize;
}
.dts-promo-name {
font-size: 19px;
color: #0579b9;
margin-right: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
.dts-pseudo-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #0579b9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dtsPurchaseFree-minute-zero-auth .dts-checkout-select-payment-wrapper.dts-free-min-checkout-button-wrapper {
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: 15px;
padding-bottom: 15px;
}
#dtsModalPromoHelp .dts-modal-promo-heading {
font-size: 24px;
padding-bottom: 18px;
border-bottom: 1px solid #cbcbcb;
}
#dtsModalPromoHelp .dts-modal-promo-text {
margin-top: 16px;
}
#dtsModalPromoHelp .dts-modal-promo-text {
margin-bottom: 18px;
}
#dtsModalPromoHelp p {
margin-top: 24px;
}
#dtsViewRestrictions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
min-height: 50px;
font-weight: 300;
}
#dtsModalRestrictionsTrigger {
white-space: nowrap;
font-weight: 500;
}
@media (max-width: 1200px) {
.dts-promo-modal-content div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
min-height: 96px;
}
}
@media (max-width: 840px) {
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper {
row-gap: 20px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:first-of-type {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:last-of-type {
border-width: 1px 0 0 0;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
padding: 20px 0 0;
width: 100%;
}
}
@media (max-width: 640px) {
.dts-cart-checkout-price-discount .dts-cart-checkout-price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-cart .dts-cart-checkout-item-price {
padding: 0;
}
.dts-cart-messaging-total-wrapper {
padding: 0 0 10px;
}
.dts-checkout-cs-contact-option:nth-child(2) {
margin-right: 0;
}
.dts-promo-code-desc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.25;
}
#dtsViewRestrictions {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.dts-promo-code-desc, .dts-promo-code-not-applicable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 600px) {
main .dts-body-section.dts-view-centered .dts-checkout {
margin: 0
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper {
padding: 10px 15px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-section-form-heading {
height: auto;
padding: 15px 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-section-form-heading .dts-section-page-heading-title {
margin-right: 10px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-section-form-heading .dts-section-page-heading-title h1 span {
white-space: nowrap;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section {
padding: 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other .dts-checkout-select-payment-group .dts-checkout-payment-item {
font-size: 16px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section.dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-other .dts-checkout-select-payment-group .dts-checkout-payment-item i {
font-size: 18px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section .dts-checkout-cart-summary-items {
padding: 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item {
padding: 6px 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section .dts-checkout-cart-summary-items .dts-cart-checkout-item .dts-cart-checkout-price-discount .dts-discount-type {
white-space: normal;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section .dts-comp-purchase-total {
margin: 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-section .dts-applied-promo {
margin: 0 0 30px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-select-payment {
padding: 0;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-select-payment .dts-checkout-select-payment-wrapper.dts-checkout-add-credit-card .dts-checkout-payment-item.dts-form-wrapper .dts-form-group div {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-select-payment-header h2.dts-page-title {
font-size: 16px;
}
main .dts-body-section.dts-view-centered .dts-checkout .dts-checkout-sections-wrapper .dts-checkout-select-payment-header h2.dts-page-title i {
font-size: 18px;
}
.dts-checkout-customer-service-wrapper{
padding: 10px 15px
}
.dts-checkout-customer-service-wrapper .dts-section-form-heading {
height: auto;
padding: 15px 0;
}
.dts-checkout-customer-service-wrapper .dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper {
row-gap: 20px;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
.dts-checkout-customer-service-wrapper .dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option {
border-width: 1px 0 0 0;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
margin: 0;
padding: 20px 0 0;
width: 100%;
}
.dts-checkout-customer-service-wrapper .dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:first-of-type {
border-width: 0;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
padding: 0;
}
.dts-checkout-customer-service-wrapper .dts-checkout-cs-contact-section .dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option:last-of-type {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
}
.dts-checkout-customer-service-wrapper .dts-checkout-cs-contact-section .dts-checkout-cs-contact-hours {
margin: 0;
white-space: normal;
}
}
@media (max-width: 640px) and (min-width: 481px) {
.dts-checkout-saved-payment {
line-height: 32px;
white-space: normal;
}
.dts-checkout-section .dts-page-title .dts-link-button {
font-size: 20px;
height: 32px;
line-height: 32px;
}
.dts-checkout-section .dts-page-title {
font-size: 20px;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item {
white-space: normal;
}
.dts-checkout-select-payment-subheader span:first-child {
padding-right: 4px;
}
}
@media (max-width: 540px) {
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-paypal-unsupported-currency div, .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-crypto-unsupported-currency div {
margin-right: 12px;
}
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-paypal-unsupported-currency .dts-link-button, .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-crypto-unsupported-currency .dts-link-button {
margin-top: 10px;
}
}
@media (max-width: 520px) {
.dts-checkout-cs-contact-option-wrapper .dts-checkout-cs-contact-option {
margin-right: 0;
}
.dts-checkout-cs-contact-option-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 480px) {
.dts-cart {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.dts-cart-checkout-item-price .dts-cart-checkout-item-name-type {
padding: 0;
}
.dts-cart-checkout-item-price {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-checkout {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0
}
.dts-checkout h1.dts-cart-checkout-item-name {
font-size: 16px;
}
.dts-checkout-payment-logo-text {
display: none;
}
.dts-checkout-payment-logo-wrapper{
line-height: 16px;
}
.dts-checkout-saved-payment {
line-height: 32px;
white-space: normal;
}
.dts-checkout-section h1.dts-page-title {
font-size: 20px;
margin-bottom: 10px;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item {
white-space: normal;
}
.dts-checkout-select-payment-group .dts-form-group .dts-form-field-long {
height: 30px;
width: 250px;
}
.dts-checkout-select-payment-group .dts-form-group .dts-form-field-short {
height: 30px;
}
.dts-checkout-select-payment-group .dts-form-group {
line-height: 40px;
}
.dts-checkout-select-payment-header h2.dts-page-title {
font-size: 16px;
}
.dts-checkout-select-payment-subheader span:first-child {
padding-bottom: 6px;
}
.dts-checkout-select-payment-wrapper:last-child {
padding-bottom: 0;
}
.dts-checkout-select-payment-wrapper .dts-checkout-select-payment-button-group {
line-height: 44px;
}
.dts-checkout-select-payment-wrapper {
padding: 0 14px 20px;
}
.dts-promo-section .dts-applied-promo form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
margin-top: 8px;
}
.dts-promo-section .dts-applied-promo {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-paypal-unsupported-currency div, .dts-checkout-select-payment-group.disabled .dts-checkout-payment-item.dts-crypto-unsupported-currency div {
margin-right: 0;
}
}
@media screen {
.dts-pbm-print-page-header {
display: none;
}
.dts-checkout-pbm-instructions-print-page-header {
display: none;
}
.dts-page-title-pbm-print {
display: none;
}
.dts-receipt-section-header {
display: none;
}
h1.dts-page-title-pbm-print {
display: none
}
}
@media print {
.dts-pbm-print-page-header {
display: block;
margin-bottom: 30px;
}
#dtsHeadingCheckout {
display: none;
}
.dts-link-button.dts-change-payment-method-pbm {
display: none;
}
#sectionPayByMail .dts-checkout-section-title {
display: none;
}
#sectionPayByMail .dts-checkout-header {
display: none;
}
#sectionPayByMail .dts-checkout-pbm-instructions-print-page-header {
display: none;
}
#sectionPayByMail {
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 14px;
padding: 0 26px 6px;
}
.dts-page-title-pbm-print {
font-size: 20px;
padding: 0 26px;
}
.dts-checkout-customer-service-wrapper {
display: none;
}
}
/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dts-cart-checkout-item-name-type {
display: block;
}
.dts-cart-checkout-item-type {
display: block;
}
}
.dts-receipt .dts-promo-section .dts-applied-promo {
margin-bottom: 0;
}
.dts-receipt .dts-promo-section .dts-applied-promo .dts-promo-description {
display: block;
line-height: 24px;
margin: 0;
min-height: 24px;
padding: 0 26px;
vertical-align: middle;
}
.dts-receipt {
padding: 20px;
margin: 30px 0;
}
.dts-receipt-item-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 20px;
margin-right: auto
}
.dts-receipt-item-description span:nth-child(2) {
font-size: 14px;
}
.dts-receipt-item-description .dts-bonus-minutes-text {
white-space: nowrap;
}
.dts-receipt-price span {
white-space: nowrap;
}
.dts-receipt-price .dts-promotional-strike-through {
font-weight: 400;
margin-right: 6px;
white-space: nowrap;
}
.dts-receipt-price {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;/* min-width: 110px; */
}
.dts-receipt-price-wrapper span:nth-child(2) {
text-align: right;
min-width: 60px;
}
.dts-receipt-price-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dts-receipt-purchase-total {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-weight: 600;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 24px;
min-height: 56px;
padding: 0 26px;
}
.dts-receipt-success-message p {
font-size: 18px;
line-height: 22px;
margin: 10px 0;
}
.dts-receipt-success-message span {
font-weight: 600;
word-wrap: break-word;
}
.dts-receipt-section:last-of-type {
margin-bottom: 0;
}
.dts-receipt-section button {
margin-top: 24px;
}
.dts-receipt-section.dts-receipt-message-wrapper {
padding: 24px 26px;
}
.dts-receipt-section {
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 12px;
padding: 0 26px;
}
.dts-receipt-section-detail.dts-receipt-billing-info {
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 4px 0;
}
.dts-receipt-section-detail.dts-receipt-billing-info span {
display: inline-block;
margin-right: 5px;
white-space: nowrap;
}
.dts-receipt-section-detail.dts-receipt-billing-info span:last-of-type {
margin-right: 0;
}
.dts-receipt-section-detail.dts-receipt-billing-info span.dts-receipt-order-number {
font-weight: 600;
}
.dts-receipt-section-detail.dts-receipt-billing-info .dts-receipt-billing-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 24px;
}
.dts-receipt-section-detail.dts-receipt-billing-info:last-of-type {
border: 0;
}
.dts-receipt-section-detail.dts-receipt-item-info:last-of-type {
border: 0;
}
.dts-receipt-section-detail.dts-receipt-item-info {
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 4px 0;
}
.dts-receipt-section-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 18px;
padding-bottom: 4px;
min-height: 40px;
}
.dts-receipt-section-header h2 {
font-size: 20px;
}
.dts-receipt-section-header {
height: 24px;
}
@media (max-width: 680px) {
.dts-receipt-section.dts-receipt-message-wrapper {
padding: 24px 0;
}
.dts-receipt-section {
padding: 0;
}
.dts-receipt-purchase-total {
padding: 0;
}
}
@media (max-width: 480px) {
.dts-receipt {
padding: 0;
}
.dts-receipt-price {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-receipt-success-message span {
font-size: 18px;/* was font size 14 */
word-wrap: break-word;
}
.dts-receipt-item-description {
padding-right: 10px
}
.dts-receipt-item-description .dts-bonus-minutes-text {
font-size: 14px;
}
}
.dts-subscription-buy-time .dts-minute-package:last-child {
border: 0;
}
.dts-subscription-buy-time .dts-minute-package > * {
min-height: 32px;
line-height: 32px;
vertical-align: middle;
}
.dts-subscription-buy-time .dts-minute-package {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
font-weight: 400;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 26px;
min-height: 40px;
padding: 12px 0;
}
.dts-subscription-buy-time .dts-minute-package-actions {
text-align: right;
}
.dts-subscription-buy-time .dts-minute-package-description {
margin-right: 12px;
white-space: nowrap;
width: 40%;
}
.dts-subscription-buy-time .dts-minute-package-description-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dts-subscription-buy-time .dts-promotional-former-price {
display: inline-block;
margin-left: 10px;
}
.dts-subscription-buy-time .dts-minute-package-minutes {
font-weight: 600;
}
.dts-subscription-buy-time .dts-minute-package-price {
font-weight: 600;
}
.dts-subscription-buy-time .dts-minute-package-pricing {
text-align: left;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dts-subscription-buy-time .dts-minute-sale-text {
color: #15b533;
font-weight: 600;
}
.dts-subscription-buy-time .dts-quick-buy {
display: inline-block;
}
/* START SUBSCRIPTION PAGE REDESIGN */
main .dts-body-section.dts-view-centered > .dts-subscription-buy-time {
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 30px;
max-width: 1121px;
min-width: 260px;
width: auto;
}
.dts-subscription-minute-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #0579b9;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px
}
.dts-subscription-minute-header h1.dts-page-title {
color: #323232;
font-weight: 600;
line-height: 40px;
margin: 0 20px 0 0;
}
.dts-subscription-minute-header h1 {
line-height: normal;
}
.dts-subscription-minute-header a:hover {
text-decoration: underline;
}
.dts-subscription-minute-header a {
font-weight: 500;
}
.dts-subscription-minute-description a:hover {
text-decoration: underline;
}
.dts-subscription-minute-description a {
white-space: normal;
}
.dts-subscription-minute-description span {
display: block;
font-size: 12px;
font-style: italic;
font-weight: 600;
line-height: 16px;
}
.dts-subscription-minute-purchase-statement span {
font-weight: 500;
}
.dts-subscription-minute-purchase-statement {
line-height: 16px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
height: 250px;
margin: 27px 27px 0 0;
padding: 10px 0;
width: 260px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-quantity {
font-size: 32px;
font-weight: 700;
text-align: center;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-name {
color: #0579b9;
font-weight: 600;
margin-top: 7px;
text-transform: uppercase;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-pricing .dts-subscription-minute-price {
margin-bottom: 3px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-pricing .dts-subscription-minute-rebill-price {
font-size: 22px;
font-weight: 700;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-pricing {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-actions button {
background-color: #0579b9;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
width: 124px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-actions button:last-of-type {
margin-top: 7px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-actions button:hover {
background-color:#ffffff;
color: #0579b9;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card .dts-subscription-minute-actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1121px;
width: 100%;
}
.dts-subscription-minute-grid-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*-- Paygarden --*/
.dts-paygarden-wrapper .dts-paygarden-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(2, 2, 2, 1)), to(rgba(48, 48, 48, 1)));
background: linear-gradient(180deg, rgba(2, 2, 2, 1) 2%, rgba(48, 48, 48, 1) 100%);
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 1px 3px 10px -3px rgba(0, 0, 0, 1);
box-shadow: 1px 3px 10px -3px rgba(0, 0, 0, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 30px;
margin-top: 20px;
min-height: 76px;
padding: 0 30px 0 70px;
position: relative;
width: 978px;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-call-out span {
background: #79A70A;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8c00), to(#ff6926));
background: linear-gradient(#ff8c00 0%, #ff6926 100%);
-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
color: #ffffff;
display: block;
font-size: 10px;
font-weight: bold;
left: -21px;
line-height: 20px;
position: absolute;
text-transform: uppercase;
text-align: center;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 19px;
width: 100px;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-call-out span::before {
border-left: 3px solid #ff4f00;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #ff4f00;
content: "";
left: 0px;
position: absolute;
top: 100%;
z-index: -1;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-call-out span::after {
border-left: 3px solid transparent;
border-right: 3px solid #ff4f00;
border-bottom: 3px solid transparent;
border-top: 3px solid #ff4f00;
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-call-out {
height: 75px;
left: -5px;
overflow: hidden;
position: absolute;
text-align: right;
top: -5px;
width: 75px;
z-index: 1;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards img:last-of-type {
padding: 0;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards img {
cursor: pointer;
padding-right: 8px;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards {
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
cursor: pointer;
font-size: 24px;
font-weight: 600;
margin-right: 20px;
white-space: nowrap;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message .dts-paygarden-message-points {
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-align: right;
}
.dts-paygarden-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*-- Responsive subscription minute grid --*/
@media (min-width: 1180px) {
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:nth-child(4) {
margin-right: 0;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:last-of-type {
margin-right: 0;
}
}
@media (max-width: 1180px) {
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:nth-child(4) {
margin-right: 27px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid d.dts-subscription-minute-cardiv:nth-child(3n) {
margin-right: 0;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:last-of-type {
margin-right: 0;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid {
max-width: 960px;
}
}
@media (max-width: 921px) {
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:nth-child(3n) {
margin-right: 27px;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:nth-child(2n) {
margin-right: 0;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid {
max-width: 600px;
}
}
@media (max-width: 606px) {
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid .dts-subscription-minute-card:nth-child(1n) {
margin-right: 0;
}
.dts-subscription-minute-grid-wrapper .dts-subscription-minute-grid {
max-width: 500px;
}
.dts-subscription-minute-header h1.dts-page-title {
margin: 0;
}
.dts-subscription-minute-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/*-- IE11 --*/
@media screen and (-ms-high-contrast: none) and (max-width: 1020px) {
main .dts-body-section.dts-view-centered > .dts-subscription-buy-time {
width: calc(-60px + 100vw);
}
}
@media screen and (-ms-high-contrast: none) and (max-width: 480px) {
main .dts-body-section.dts-view-centered > .dts-subscription-buy-time {
margin: 30px 15px;
}
}
/*-- Paygarden --*/
@media (max-width: 1098px) and (min-width: 931px) {
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards {
position: absolute;
top: 50px;
left: calc(-419.43713px + 51.49701vw);
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
font-size: 27px;
}
.dts-paygarden-wrapper .dts-paygarden-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 46px;
padding: 0 30px 0 56px;
}
}
@media (max-width: 931px) {
.dts-paygarden-wrapper .dts-paygarden-content .dts-link-button {
height: 28px;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards {
height: 60px;
position: static;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message .dts-paygarden-message-points {
text-align: center;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
font-size: 27px;
margin: 0;
}
.dts-paygarden-wrapper .dts-paygarden-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 30px;
padding: 15px 30px 0 56px;
}
}
@media (max-width: 790px) and (min-width: 590px){
& .dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
font-size: calc(-8.55px + 4.5vw);
}
& .dts-paygarden-wrapper .dts-paygarden-content {
line-height: calc(-1.6px + 4vw);
}
}
@media (max-width: 630px) {
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message .dts-paygarden-message-points {
display: none;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
margin-bottom: 14px;
text-align: center;
white-space: normal;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards {
height: auto;
}
.dts-paygarden-wrapper .dts-paygarden-content {
padding-bottom: 15px;
}
}
@media (max-width: 590px) {
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
font-size: 18px;
}
}
/*-- Paygarden IE11 --*/
@media screen and (-ms-high-contrast: none) and (max-width: 590px) {
& .dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
width: 100%;
}
}
@media (max-width: 590px) {
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
line-height: 24px;
margin: 0;
}
.dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-gift-cards {
margin: 0;
padding: 10px 0;
}
.dts-paygarden-wrapper .dts-paygarden-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 1150px;
min-width: 320px;
width: 1150px;
}
/* TODO - Merge these with the CSS below */
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num.dts-add-time-old-value, .dts-add-time-grid .dts-add-time-header-small-minutes-grid .dts-add-time-small-option-minute-num.dts-add-time-old-value {
color: #323232;
font-weight: 400;
text-decoration: line-through red 2px solid ;
-webkit-text-decoration: line-through red;
font-size: 32px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-has-bonus-minutes .dts-minute-package-label {
margin-bottom: 0;
margin-top: 10px;
color: #0579b9;
}
.dts-add-time-small-option-minute.dts-minute-package-label {
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-minute-package-label {
/* margin-bottom: 0; */
margin-top: 20px;
}
.dts-add-time-small-option-minute.dts-bonus-minutes.dts-add-time-bonus-minues-text {
color: #323232;
font-size: 21px;
font-weight: 700;
}
.dts-add-time-big-option-minute.dts-add-time-bonus-minues-text {
color: #0579b9;
font-size: 21px;
font-weight: 700;
}
.dts-theme-dark .dts-add-time-big-option-minute-price span {
color: #ffffff;
}
.dts-theme-light .dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price span {
color: #0579b9;
}
.dts-theme-light .dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price span {
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header .dts-page-title a:focus {
outline: #0579b9 auto 2px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header .dts-page-title.active {
color: #323232;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header .dts-page-title:focus {
outline: #0579b9 auto 2px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h1 {
margin: 0;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h2:hover {
text-decoration: underline;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h2 a {
white-space: normal;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header span:first-child {
padding-top: 13px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header span:last-child {
padding-top: 15px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header {
border-bottom-color: #0579b9;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 1 / 4;
grid-row: 1 / 2;
height: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 45px;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
padding-bottom: 15px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option {
-ms-flex-item-align: center;
align-self: center;
background: transparent;
padding: 25px 0 20px;
text-align: center;
width: 310px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option.dts-add-time-has-sale span {
color: #ff0000;
font-weight: 400;
text-decoration: line-through;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option.dts-add-time-has-sale .dts-add-time-big-option-purchase-cart {
margin-top: 5px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
grid-column: 1 / 2;
grid-row: 2 / 3;
justify-self: end;
margin-left: 85px;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
border-color: #808080;
border-style: solid;
border-width: 1px 0 1px 1px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
grid-column: 3 / 4;
grid-row: 2 / 3;
justify-self: start;
margin-right: 85px;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
border-width: 1px 1px 1px 0;
border-color: #808080;
border-style: solid;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: 80px;
line-height: 80px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: 32px;
padding: 20px 0 15px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price span {
color: #ffffff;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: 32px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-price-has-sale {
font-size: 34px;
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured {
width: 360px;
z-index: 1;
grid-column: 2 / 3;
grid-row: 2 / 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
padding-top: 0;
border: 1px solid #808080;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
color: #0579b9;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
-webkit-font-feature-settings: "pnum";
font-feature-settings: "pnum";
font-variant-numeric: proportional-nums;
font-size: 60px;
font-weight: 900;
line-height: 52px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: 26px;
font-weight: 350;
padding: 10px 0 5px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price span {
font-weight: 700;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price {
font-size: 26px;
font-weight: 350;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-price-has-sale {
color: #15b533;
font-size: 28px;
font-weight: 700;
padding: 15px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
background-color: #0579b9;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 26px;
font-weight: 700;
height: 56px;
line-height: 26px;
padding: 15px 64px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button:focus {
outline: #0579b9 auto 2px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button:hover {
background-color: #ffffff;
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart {
margin: 35px auto 0;
text-align: center;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-now .dts-link-button {
font-size: 20px;
font-weight: 600;
height: auto;
padding: 0 20px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-now {
margin: 15px auto 0;
text-align: center;
width: 135px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid {
display:-ms-grid;
display: grid;/* padding: 0 85px; */
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option {
background: transparent;
border: 1px solid #808080;
font-weight: 400;
padding: 20px 10px 10px;
text-align: center;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option.dts-add-time-has-sale .dts-add-time-small-option-minute-price .dts-add-time-small-reg-price {
color: #ff0000;
font-weight: 400;
text-decoration: line-through;
padding-right: 5px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option .dts-add-time-small-reg-price {
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-3 {
grid-column: 3 / 4;
grid-row: 1 / 2;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-4 {
grid-column: 4 / 5;
grid-row: 1 / 2;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-5 {
grid-column: 5 / 6;
grid-row: 1 / 2;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-bottom-banner {
grid-column: 1 / 6;
grid-row: 2 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
-ms-grid-row: 2;
-ms-grid-row-span: 3;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute span {
font-weight: 700;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute span.dts-add-time-old-value {
color: #323232;
font-weight: 400;
text-decoration: line-through red 2px solid;
-webkit-text-decoration: line-through red;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute.dts-bonus-minutes {
font-size: 16px;/* margin-top: 40px; */
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
font-size: 18px;
margin-bottom: 15px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute-price .dts-add-time-small-option-has-sale {
color: #15b533;
font-size: 28px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute-price {
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart .dts-link-button:focus {
outline: #0579b9 auto 2px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart .dts-link-button:hover {
background-color: #ffffff;
color: #0579b9;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart .dts-link-button {
background-color: #0579b9;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 17px;
font-weight: 400;
line-height: 17px;
padding: 5px 20px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart {
margin: 10px auto 0;
text-align: center;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-now {
margin-top: 10px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid {
display:-ms-grid;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 10px;
margin-bottom: 15px;
margin-top: 50px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.dts-add-time-grid .dts-add-time-promo-banner {
margin-top: 20px;
width: 100%;
}
.dts-add-time-grid .dts-add-time-promo-banner img {
width: 100%;
}
.dts-add-time-grid .dts-paygarden-wrapper .dts-paygarden-content {
width: 100%;
}
.dts-add-time-grid {
display: grid;
margin: 30px 20px;
}
.dts-banner-float {
width: 100%;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
background-color: #0579b9;
font-size: 25px;
color: #ffffff;
}
.dts-arrow-down {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 15px solid #0579b9;
margin: auto auto;
}
@media (min-width: 640px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option.dts-add-time-big-option-featured.dts-add-time-has-bonus-minutes {
padding: 0 0 20px;
}
}
@media (max-width: 1210px) and (min-width:1161px) {
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
width: calc(14.08163px + 93.87755vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
margin-left: calc(-507.65306px + 48.97959vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
margin-right: calc(-507.65306px + 48.97959vw);
}
}
@media (max-width: 1160px) and (min-width:961px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
margin-left: calc(-288.74874px + 30.15075vw);
width: calc(146.78392px + 14.07035vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-purchase-cart .dts-link-button {
padding-left: 64px;
padding-right: 64px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured {
width: calc(208.44221px + 13.06533vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
margin-right: calc(-288.74874px + 30.15075vw);
width: calc(146.78392px + 14.07035vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
padding-left: calc(-17.60804px + 7.03518vw);
padding-right: calc(-17.60804px + 7.03518vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
font-size: calc(0.51256px + 1.50754vw);
}
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
width: calc(-61.82915px + 100.50251vw);
}
}
@media (max-width: 1085px) and (min-width: 961px) {
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option.dts-add-time-has-sale .dts-add-time-small-option-minute-price .dts-add-time-small-reg-price {
font-size: calc(-17.75px + 4.03226vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option.dts-add-time-has-sale .dts-add-time-small-option-minute-price .dts-add-time-small-option-has-sale {
font-size: calc(-15.75px + 4.03226vw);
}
}
@media (max-width: 790px) and (min-width: 590px) {
.dts-add-time-grid .dts-paygarden-wrapper .dts-paygarden-content .dts-paygarden-message {
font-size: calc(-8.55px + 4.5vw);
}
.dts-add-time-grid .dts-paygarden-wrapper .dts-paygarden-content {
line-height: calc(-1.6px + 4vw);
}
}
@media (max-width: 960px) and (min-width: 641px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
margin-left: 0;
width: calc(-18.94044px + 31.34796vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(16.95298px + 1.5674vw);
padding-top: calc(-37.17868px + 5.95611vw);
padding-bottom: calc(-0.04702px + 1.5674vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: calc(49.90596px + 3.1348vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-purchase-cart .dts-link-button {
padding-left: calc(-53.36677px + 12.22571vw);
padding-right: calc(-53.36677px + 12.22571vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured {
width: calc(27.04075px + 31.97492vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
margin-right: 0;
width: calc(-18.94044px + 31.34796vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: calc(10.95298px + 1.5674vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
font-size: calc(29.90596px + 3.1348vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
font-size: calc(7.94357px + 1.88088vw);
height: calc(22.89655px + 3.44828vw);
padding-top: calc(-27.13166px + 4.38871vw);
padding-bottom: calc(-27.13166px + 4.38871vw);
padding-left: calc(-52.31975px + 10.65831vw);
padding-right: calc(-52.31975px + 10.65831vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart {
margin-top: calc(-10.14107px + 4.70219vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option .dts-add-time-small-option-minute-price .dts-add-time-small-reg-price {
font-size: 24px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option .dts-add-time-small-option-minute-price .dts-add-time-small-option-has-sale {
font-size: 26px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option {
width: calc(-37.94984px + 31.66144vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-1 {
grid-column: 1 / 3;
grid-row: 1 / 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-2 {
grid-column: 3 / 5;
grid-row: 1 / 2;
-ms-grid-column: 3;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-3 {
grid-column: 5 / 7;
grid-row: 1 / 2;
-ms-grid-column: 5;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-4 {
grid-column: 1 / 4;
grid-row: 2 / 3;
justify-self: end;
-ms-grid-column: 2;
-ms-grid-column-span: 3;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-5 {
grid-column: 4 / 7;
grid-row: 2 / 3;
justify-self: start;
-ms-grid-column: 4;
-ms-grid-column-span: 3;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-bottom-banner {
grid-column: 1 / 7;
grid-row: 3 / 4;
-ms-grid-column: 1;
-ms-grid-column-span: 6;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
font-size: calc(8.97179px + 0.94044vw);
margin-bottom: calc(-15.09404px + 3.1348vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute-price {
margin-bottom: calc(4.95298px + 1.5674vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid {
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
width: calc(-10.85893px + 95.29781vw);
}
}
@media (max-width: 640px) and (min-width: 481px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h1.dts-page-title {
font-size: 18px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h2.dts-page-title {
font-size: 14px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header {
grid-column: 1 / 3;
grid-row: 1 / 2;
margin-bottom: 10px;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
background: transparent;
border-width: 1px;
grid-column: 1 / 2;
grid-row: 3 / 4;
margin-left: 0;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
width: calc(-26.88679px + 47.16981vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(17.94969px + 1.25786vw);
padding: calc(-10.12579px + 3.14465vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: calc(17.94969px + 1.25786vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured dts-add-time-big-option-minute-num dts-add-time-old-value {
line-height: 60px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: calc(34.74843px + 6.28931vw);
line-height: 80px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-purchase-cart .dts-link-button {
font-size: calc(15.94969px + 1.25786vw);
padding: 5px calc(34.87421px + 3.14465vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured {
grid-column: 1 / 3;
grid-row: 2 / 3;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
width: calc(138.99371px + 25.15723vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
background: transparent;
border-width: 1px;
grid-column: 2 / 3;
grid-row: 3 / 4;
margin-right: 0;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
width: calc(-26.88679px + 47.16981vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: calc(13.94969px + 1.25786vw);
padding: calc(-10.12579px + 3.14465vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price {
font-size: calc(13.94969px + 1.25786vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
font-size: calc(19.74843px + 6.28931vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
font-size: calc(15.94969px + 1.25786vw);
height: 50px;
padding: 5px calc(-70.75472px + 18.86792vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart {
margin-top: 20px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
-ms-grid-columns: 1fr 1fr;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-left: calc(-8.12579px + 3.14465vw);
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
margin-right: calc(-8.12579px + 3.14465vw);
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-3 {
grid-column: 1 / 2;
grid-row: 2 / 3;
margin-left: calc(-8.12579px + 3.14465vw);
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-4 {
grid-column: 2 / 3;
grid-row: 2 / 3;
margin-right: calc(-8.12579px + 3.14465vw);
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-5 {
grid-column: 1 / 3;
grid-row: 3 / 4;
justify-self: center;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
padding-left: calc(-101.00629px + 25.15723vw);
padding-right: calc(-101.00629px + 25.15723vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-bottom-banner {
grid-column: 1 / 3;
grid-row: 4 / 5;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
margin-bottom: 10px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute-price {
margin-bottom: 15px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart {
margin-bottom: 10px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid {
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 5px;
margin-top: 0;
-ms-grid-columns: 1fr 1fr;
}
.dts-add-time-grid .dts-paygarden-wrapper {
margin-bottom: 25px;
}
.dts-add-time-grid {
margin: 10px 0;
}
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
width: calc(-44.02516px + 100.62893vw);
}
}
@media (max-width: 480px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h1.dts-page-title {
font-size: 26px;
text-align: center;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header h2.dts-page-title {
font-size: calc(10px + 1.25vw);
line-height: 30px;
text-align: center;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header {
display: block;
grid-column: 1 / 3;
grid-row: 1 / 2;
margin: 30px auto 10px auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
padding-bottom: 20px;
width: 90%;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
background: transparent;
border-width: 1px;
grid-column: 1 / 3;
grid-row: 4 / 5;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
width: calc(180px + 25vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(14px + 2.5vw);
padding-bottom: calc(3.125vw - 10px);
padding-top: 3.125vw;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: calc(14px + 2.5vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: calc(60px + 6.25vw);
line-height: 65px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured {
grid-column: 1 / 3;
grid-row: 2 / 3;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
width: calc(180px + 25vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
background: transparent;
border-width: 1px;
grid-column: 1 / 3;
grid-row: 3 / 4;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
width: calc(180px + 25vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: calc(14px + 2.5vw);
padding-bottom: calc(3.125vw - 10px);
padding-top: 3.125vw;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price {
font-size: calc(14px + 2.5vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
font-size: calc(30px + 6.25vw);
line-height: 45px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
font-size: 22px;
height: 40px;
padding: 5px calc(15px + 9.375vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart {
margin-top: 20px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid {
grid-template-columns: 1fr;
grid-gap: 20px;
-ms-grid-columns: 1fr;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option {
width: calc(160px + 25vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-1 {
grid-column: 1 / 3;
grid-row: 1 / 2;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-2 {
grid-column: 1 / 3;
grid-row: 2 / 3;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-3 {
grid-column: 1 / 3;
grid-row: 3 / 4;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-4 {
grid-column: 1 / 3;
grid-row: 4 / 5;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-5 {
grid-column: 1 / 3;
grid-row: 5 / 6;
margin: 0 auto;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-bottom-banner {
grid-column: 1 / 3;
grid-row: 4 / 5;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
margin-bottom: 10px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute-price {
margin-bottom: 15px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-purchase-cart {
margin-bottom: 10px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid {
grid-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 5px;
margin-top: 0;
-ms-grid-columns: 1fr;
}
.dts-add-time-grid .dts-paygarden-wrapper .dts-paygarden-content {
width: 98%;
}
.dts-add-time-grid .dts-paygarden-wrapper {
margin-bottom: 25px;
}
.dts-add-time-grid {
margin: 10px 0;
}
main .dts-body-section.dts-view-centered > .dts-add-time-grid {
width: 90%;
}
}
@media (max-width: 340px) {
.dts-add-time-grid .dts-paygarden-wrapper .dts-paygarden-content {
width: 90%;
}
}
/* IE11 and CSS Grids. Eye roll */
@media screen and (-ms-high-contrast: none) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
background: #ffffff;
color: #323232;
}
.dts-add-time-big-option-left, .dts-add-time-big-option-featured, .dts-add-time-big-option-right, .dts-add-time-small-option {
background: transparent;
}
.dts-add-time-big-option-left, .dts-add-time-big-option-right {
margin-top: 25px;
}
.dts-add-time-small-option {
margin: 0 5px;
}
}
@media screen and (-ms-high-contrast: none) and (min-width: 961px) and (max-width: 1160px) {
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-minute {
font-size: calc(-5.31658px + 2.01005vw);
}
}
@media (min-width: 641px) and (max-width: 960px) {
.dts-add-time-big-option.dts-add-time-has-bonus-minutes.dts-add-time-big-option-right .dts-add-time-big-option-minute-num.dts-add-time-old-value, .dts-add-time-big-option.dts-add-time-has-bonus-minutes.dts-add-time-big-option-left .dts-add-time-big-option-minute-num.dts-add-time-old-value {
line-height: 16px;
}
}
@media screen and (-ms-high-contrast: none) and (min-width: 641px) and (max-width: 960px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(10.93417px + 2.19436vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: 30px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: calc(4.93417px + 2.19436vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price {
font-size: 24px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart {
margin-top: 22px;
}
.dts-add-time-small-option-4, .dts-add-time-small-option-5 {
margin-top: 20px;
}
}
@media screen and (-ms-high-contrast: none) and (min-width: 481px) and (max-width: 640px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header {
margin-bottom: 30px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
height: auto;
margin-right: 5px;
padding-bottom: 5px;
width: calc(-16.88679px + 47.16981vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: 70px;
line-height: 50px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(13.89937px + 2.51572vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: calc(13.89937px + 2.51572vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
margin-left: 10px;
padding-bottom: 5px;
width: calc(-16.88679px + 47.16981vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-descrip {
font-size: calc(9.89937px + 2.51572vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-price {
font-size: calc(9.89937px + 2.51572vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-purchase-cart .dts-link-button {
margin-bottom: 15px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option {
margin-top: 20px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-1 {
margin-left: 0;
margin-right: calc(0.92453px + 1.88679vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-2 {
margin-left: 10px;
margin-right: calc(1.25786vw - 6.05031px);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-3 {
margin-left: 0;
margin-right: calc(0.92453px + 1.88679vw);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-4 {
margin-left: 10px;
margin-right: calc(1.25786vw - 6.05031px);
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option-5 {
margin: 20px auto;
width: 180px;
}
.dts-add-time-grid {
margin: 15px 0 0 0;
}
}
@media screen and (-ms-high-contrast: none) and (max-width: 480px) {
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-header {
margin-bottom: 30px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-left {
margin-top: 20px;
padding-bottom: 0;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-descrip {
font-size: calc(12px + 2.5vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-price {
font-size: calc(12px + 2.5vw);
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-featured .dts-add-time-big-option-minute-num {
font-size: calc(50px + 6.25vw);
line-height: 60px;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-right {
margin-top: 20px;
padding-bottom: 0;
}
.dts-add-time-grid .dts-add-time-header-big-minutes-grid .dts-add-time-big-option-minute-num {
line-height: 50px;
}
.dts-add-time-grid .dts-add-time-small-minutes-grid .dts-add-time-small-option {
margin-top: 20px;
}
.dts-add-time-grid {
margin: 0 auto;
}
}
.dts-faq-back-to-top-link {
font-size: 16px;
font-style: normal;
}
.dts-panel#dtsPanelVRCS {
padding-bottom: 30px;
}
.dts-section-vr-faq-content {
padding: 20px;
}
.dts-test-vr-videos-container h3.dts-policy-content-tertiary-header {
font-weight: 700;
margin-bottom: 10px;
}
.dts-test-vr-videos-container a.dts-vr-test-video-play-button {
margin-bottom: 20px;
}
.dts-vr-disclaimer-bold {
font-weight: 600;
}
.dts-vr-faq-intro-content-link-citation {
font-size: 14px;
font-style: italic;
margin-top: 20px;
}
.dts-vr-getting-started-steps-content p {
margin-bottom: 15px;
}
.dts-vr-getting-started-steps-content img {
margin-bottom: 15px;
}
.dts-vr-getting-started-steps-subhead {
margin-bottom: 15px;
}
.dts-vr-help-content-types-container {
-ms-flex-line-pack: justify;
align-content: space-between;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 20px;
text-align: center;
width: 100%;
}
.dts-vr-help-content-types .dts-vr-help-content-type1 {
margin: 0px 1% 0px 0px;
}
.dts-vr-help-content-types .dts-vr-help-content-type3 {
clear: both;
}
.dts-vr-help-content-types .dts-vr-help-content-types-icon img {
margin: 0 auto 15px;
}
.dts-vr-help-content-types .dts-vr-help-content-types-icon {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px rgba(35, 31, 32, .24) solid;
}
.dts-vr-help-content-types .dts-vr-help-content-types-text {
text-align: left;
}
.dts-vr-help-content-types {
float: left;
margin-right: 20px;
width: 33%;
}
.dts-vr-help-content-types:last-child {
margin-right: 0px;
}
.dts-vr-help-disclaimer {
font-size: 12px;
line-height: 14px;
padding-top: 15px;
}
.dts-vr-help-intro .dts-vr-help-intro-image-container img {
margin-left: 20px;
width: 300px;
}
.dts-vr-help-intro .dts-vr-help-intro-image-container {
float: right;
}
.dts-vr-help-intro .dts-vr-help-intro-text-container .dts-vr-help-intro-text-content {
margin-bottom: 30px;
}
.dts-vr-help-intro .dts-vr-help-intro-text-container {
margin-bottom: 30px;
}
.dts-vr-help-intro {
clear: both;
}
.dts-vr-help-page-content-container a:hover:not(.dts-button-play) {
text-decoration: underline;
}
.dts-vr-help-page-content-container .dts-section-help-content {
margin-bottom: 85px;
clear: both;
}
.dts-vr-help-page-content-container {
padding: 20px;
line-height: 20px;
width: calc(100% - 40px);
}
.dts-vr-help-subTitle {
font-weight: 700;
margin-bottom: 15px;
}
.dts-vr-last-step-img {
width: 310px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend .dts-vr-sub-legend-container .dts-vr-sub-legend-item img {
margin-right: 8px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend .dts-vr-sub-legend-container .dts-vr-sub-legend-item {
margin-bottom: 5px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend .dts-vr-sub-legend-container {
line-height: 25px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend {
margin-right: 15px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend-item-container .dts-vr-player-anatomy-legend-item-number {
margin-right: 8px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 20px;
margin-bottom: 10px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-legend-item-container:last-child {
margin-bottom: 0px;
}
.dts-vr-player-anatomy-container .dts-vr-player-anatomy-image img {
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07);
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07);
max-width: 550px;
}
.dts-vr-player-anatomy-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.dts-vr-player-section-intro-text {
margin-bottom: 20px;
}
.dts-vr-terms-container h3 {
font-weight: 700;
margin-bottom: 10px;
}
.dts-vr-terms-container p {
margin-bottom: 8px;
}
.dts-vr-terms-container-header {
justify-self: flex-start;
font-size: 24px;
font-weight: 600;
line-height: 26px;
}
#dtsVirtualRealityLanding .dts-vr-terms-container .dts-panel-header {
padding-left: 0px;
}
#dtsVirtualRealityLanding .dts-vr-terms-container {
padding: 23px 20px 30px;
}
.dts-vr-test-video-container {
margin: 0 20px;
}
.dts-vr-test-video-help-info-container h3 {
font-weight: 600;
margin-bottom: 15px;
}
.dts-vr-test-video-help-info-container {
line-height: 20px;
padding: 0 20px;
width: 75%;
}
.dts-vr-test-video-help-info-content a:hover {
text-decoration: underline;
}
.dts-vr-test-video-help-info-content {
padding: 0 20px;
}
.dts-vr-test-video-item {
margin: 0px 20px 20px 0px;
}
.dts-vr-try-before-you-buy-tips {
margin-bottom: 20px;
}
.dts-vr-ways-breakdown {
float: left;
margin-right: 20px;
width: 33%;
}
.dts-vr-ways-breakdown-container {
-ms-flex-line-pack: justify;
align-content: space-between;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
width: 100%;
}
.dts-vr-ways-breakdown-content ul li {
margin-bottom: 15px;
}
.dts-vr-ways-breakdown-content ul li ul li {
margin-bottom: 15px;
}
.dts-vr-ways-breakdown-content ul li ul {
list-style-type: circle;
}
.dts-vr-ways-breakdown-content ul {
list-style-type: disc;
margin-left: 0px;
padding-left: 15px;
text-align: left;
}
.dts-vr-ways-breakdown-content .dts-vr-help-disclaimer {
font-style: italic;
margin-bottom: 10px;
}
.dts-vr-ways-breakdown-content {
margin-bottom: 15px;
text-align: left;
}
.dts-vr-ways-breakdown#dtsWaysToWatchOculus {
margin-right: 0px;
}
.dts-vr-ways-breakdown-title {
border-bottom: 1px rgba(35, 31, 32, .24) solid;
font-weight: 600;
margin-bottom: 12px;
padding-bottom: 12px;
}
.dts-vr-ways-to-watch-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.dts-vr-ways-to-watch-item a:hover div {
text-decoration: underline;
}
.dts-vr-ways-to-watch-item a {
white-space: normal;
display: inline-block;
}
.dts-vr-ways-to-watch-item {
text-align: center;
width: 33%;
}
#dtsVirtualRealityFaq .dts-question-answer-wrapper:last-of-type {
border-bottom: 0px;
}
#dtsVirtualRealityHelp h3.dts-policy-content-secondary-header {
color: #323232;
font-size: 22px;
font-weight: 600;
justify-self: flex-start;
margin: 20px 0 25px;
}
@media (max-width: 1029px) and (min-width: 960px) {
.dts-vr-ways-breakdown-3 .dts-vr-ways-breakdown-title {
padding-bottom: 31px;
}
}
@media (max-width:959px) and (min-width: 781px) {
.dts-vr-ways-breakdown-3 .dts-vr-ways-breakdown-title {
padding-bottom: 31px;
}
}
@media (max-width: 845px) {
.dts-vr-player-anatomy-container .item-number-8 {
margin-bottom: 15px;
}
.dts-vr-player-anatomy-container {
display: block;
}
}
@media (max-width: 780px) {
.dts-vr-ways-to-watch-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.dts-vr-ways-to-watch-item {
width: 100%;
}
}
@media (max-width: 780px) and (min-width: 641px) {
.dts-vr-ways-breakdown img {
width: 180px;
}
.dts-vr-ways-breakdown-3 .dts-vr-ways-breakdown-title {
padding-bottom: 31px;
}
}
@media (max-width: 760px) {
#dtsVirtualRealityHelp .dts-vr-ways-breakdown-container .dts-vr-ways-breakdown {
float: none;
margin-right: 0px;
text-align: left;
width: 100%;
}
#dtsVirtualRealityHelp .dts-vr-ways-breakdown-container {
display: block;
}
#dtsVirtualRealityHelp .dts-vr-help-content-types-container .dts-vr-help-content-types {
float: none;
margin-bottom: 45px;
margin-right: 0px;
text-align: left;
width: 100%;
}
#dtsVirtualRealityHelp .dts-vr-help-content-types-container {
display: block;
}
}
@media (max-width: 600px) {
.dts-vr-player-anatomy-image img {
width: 90%;
}
}
@media (max-width: 575px) {
.dts-vr-help-intro .dts-vr-help-intro-image-container {
display: block;
float: none;
}
}
@media (max-width: 480px) {
.dts-vr-help-intro .dts-vr-help-intro-image-container img {
margin-left: 0px;
width: 250px;
}
.dts-vr-last-step-img {
width: 280px;
}
& .dts-vr-help-content-types-container .dts-vr-help-content-types {
width: 90%;
}
}
#dtsStopXpassSubscriptionForm {
display: inline-block;
}
.dts-subscriptions-wrapper {
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07),-1px -1px rgba(0, 0, 0, .05),1px 1px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .07),-1px -1px rgba(0, 0, 0, .05),1px 1px rgba(0, 0, 0, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px 0;
padding: 0 0 10px
}
.dts-subscriptions-wrapper .dts-subscriptions-heading > * {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 30px;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading h1 {
color: #323232;
font-size: 24px;
font-weight: 600;
margin-right: 12px;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading .dts-subscriptions-time-bank > * {
white-space: nowrap;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading .dts-subscriptions-time-bank .dts-subscriptions-data {
font-weight: normal;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading .dts-subscriptions-time-bank {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding-top: 7px;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px 6px;
width: 100%;
}
.dts-subscriptions-wrapper .dts-subscriptions-buttons-togo-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 20px;
width: 100%;
}
.dts-my-free-stuff-indiv-step-name {
font-weight: 600;
}
.dts-my-free-stuff-indiv-step-wrapper {
margin-bottom: 10px;
}
.dts-my-free-stuff-sub-header {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.dts-panel-header-title .dts-link-button {
-webkit-box-align: right;
-ms-flex-align: right;
align-items: right;
display: inline-block;
float: right;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
.dts-panel-header #freeStuff {
border-bottom: 1px solid #545454;
margin-right: 10px;
padding-bottom: 15px;
}
.dts-my-free-stuff-wrapper {
padding: 0 20px;
}
.dts-subscription-button-minutes-prompt-container .dts-subscriptions-data-label {
display: inline-block;
margin: 4px 5px 0px 0px;
vertical-align: -webkit-baseline-middle;
}
.dts-subscriptions-buttons-togo-container > * {
margin-right: 20px;
}
.dts-subscriptions-buttons-togo-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 40px;
}
.dts-subscriptions-cancel:hover, .dts-subscriptions-change-payment:hover {
text-decoration: underline;
}
.dts-subscriptions-cancel, .dts-subscriptions-change-payment {
color: #0579b9;
cursor: pointer;
font-size: 14px;
white-space: nowrap;
}
.dts-subscriptions-no-packages {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-style: italic;
height: 64px;
}
.dts-subscriptions-card-removed {
background-color: #edb74e;
color: #ffffff;
line-height: 14px;
padding: 10px;
white-space: normal;
}
.dts-subscriptions-subheader .dts-icon-x-pass {
display: inline;
position: relative;
bottom: -2px;
}
.dts-subscriptions-subheader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 24px;
}
.dts-subscriptions-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom-color: #b5b5b5;
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin: 0 45px;
padding: 12px 0
}
.dts-subscriptions-container.dts-subscriptions-inactive {/* add rules for inactive subscriptions */
}
.dts-subscriptions-container h2 span {
font-size: 16px;
}
.dts-subscriptions-container h2 {
font-size: 18px;
}
.dts-subscriptions-data-label .dts-subscriptions-data {
font-weight: normal;
}
.dts-subscriptions-data-payment {
margin-bottom: 12px;
}
.dts-subscriptions-expiry-label {
white-space: pre-wrap;
}
.dts-subscriptions-info * {
white-space: nowrap;
}
.dts-subscriptions-info :first-child {
margin-right: 7px;
}
.dts-subscriptions-info .dts-subscription-billing-date {
margin-right: 12px;
}
.dts-subscriptions-info.dts-expired-card span:nth-of-type(3) {
margin-right: 12px;
}
.dts-subscriptions-info.dts-expired-card span:nth-of-type(4):before {
background-color: rgba(255, 0, 0, .8);
border-radius: 50%;
content: "!";
font-size: 13px;
font-weight: 900;
margin-right: 4px;
padding: 0 6.5px 1px;
}
.dts-subscriptions-info.dts-expired-card span:nth-of-type(4) {
white-space: nowrap;
}
.dts-subscriptions-info.dts-expired-card {
background-color: rgba(255, 0, 0, .25);
border-color: rgba(255, 0, 0, .8);
border-style: solid;
border-width: 1px;
color: #323232;
margin-left: -12px;
padding: 0 12px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dts-subscriptions-info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-subscriptions-info-wrapper {
padding-left: 12px;
}
.dts-subscriptions-options.dts-subscriptions-options-xpass {
min-height: 30px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dts-subscriptions-options.dts-subscription-minute-no-payment {
height: 34px;
}
.dts-subscriptions-options .dts-subscriptions-actions :first-child {
margin-right: 20px;
}
.dts-subscriptions-options .dts-subscriptions-actions :last-child {
margin-right: 0;
}
.dts-subscriptions-options button {
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-subscriptions-options {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 10px;
}
.dts-subscriptions-payment-last4-text {
margin-right: 12px;
white-space: nowrap;
}
.dts-subscriptions-payment-method-image img {
vertical-align: middle;
}
.dts-subscriptions-timebank-low {
color: #edb74e;
}
.dts-subscriptions-total {
margin: 20px 0px 30px 0px;
}
@media (max-width: 780px) {
.dts-subscriptions-wrapper {
margin: 0;
padding-bottom: 0;
}
.dts-subscriptions-buttons-togo-container * {
margin: 0;
}
.dts-subscriptions-buttons-togo-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 640px) {
main .dts-body-section.dts-view-centered .dts-subscriptions-wrapper {
-webkit-box-shadow: none;
box-shadow: none;
min-height: -moz-available;
min-height: -webkit-fill-available;
min-height: fill-available;
}
main .dts-body-section.dts-view-centered .dts-subscriptions-wrapper .dts-subscriptions-buttons-togo-container {
height: 60px;
}
}
@media (max-width: 480px) {
main .dts-body-section.dts-view-centered .dts-subscriptions-wrapper {
padding: 20px 0;
width: 100%;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading .dts-subscriptions-time-bank {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
}
.dts-subscriptions-wrapper .dts-subscriptions-heading {
padding-bottom: 8px;
}
.dts-subscriptions-wrapper {
margin: 0;
}
.dts-subscriptions-container {
padding: 14px 0 10px;
}
.dts-subscriptions-info-wrapper {
padding: 0;
}
.dts-subscriptions-options {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.dts-form-change-password-actions input:first-child {
margin-right: 12px;
}
.dts-form-change-password-actions {
-webkit-box-align: middle;
-ms-flex-align: middle;
align-items: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-form-change-password-group .dts-form-field-label {
margin-right: 6px;
}
.dts-form-change-password-group .dts-form-field-text-link {
float: none;
margin-left: 0;
}
.dts-form-change-password-group .dts-password-group {
width: 100%;
}
.dts-form-change-password-group {
-webkit-box-align: middle;
-ms-flex-align: middle;
align-items: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 480px) {
.dts-form-change-password-actions input:first-child {
margin: 0 12px 20px 0;
}
}
#dtsMemberSign-up main .dts-body-section.dts-view-centered, #dtsMemberSign-up-options main .dts-body-section.dts-view-centered {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
overflow: hidden;
position: relative;
width: 100%;
}
#dtsMemberSign-up main section, #dtsMemberSign-up-options main section {
background-color: transparent;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
-ms-flex-item-align: center;
align-self: center;
background-color: rgba(0, 0, 0, .6);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 5px;
-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .5);
box-shadow: 1px 5px 10px rgba(0, 0, 0, .5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
max-width: 572px;
overflow: hidden;
padding: 15px 30px 30px;
position: absolute;
right: calc(-37.24771px + 5.9633vw);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper h1,
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper h2,
#dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper h1,
#dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper h2 {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: normal;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-title, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-title {
font-size: 40px;
margin: 0;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-subtitle, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-subtitle {
font-size: 30px;
font-weight: 300;
line-height: 30px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form {
border-top: solid 1px #0579b9;
margin: 0 auto;
margin-top: 25px;
padding: 20px 44px 0;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-webkit-input-placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-webkit-input-placeholder {
color: rgba(255, 255, 255, .6);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-moz-placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-moz-placeholder {
color: rgba(255, 255, 255, .6);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-ms-input-placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-ms-input-placeholder {
color: rgba(255, 255, 255, .6);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::placeholder {
color: rgba(255, 255, 255, .6);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container {
margin: 0 0 20px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input {
background-color: rgba(255, 255, 255, .2);
border-color: rgba(255, 255, 255, .6);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
height: 52px;
font-size: 18px;
padding: 0 0 0 10px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input.dts-password-input, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input.dts-password-input {
background-color: transparent;
padding: 0;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input.dts-password-input:focus, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-container .dts-form-field-text-input.dts-password-input:focus {
height: 50px;
outline: none;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit:focus, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit:focus {
outline: #0579b9 auto 2px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 22px;
height: 50px;
margin-right: 10px;
width: 182px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper a, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
height: 50px;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
text-decoration: underline;
}
#dtsMemberSign-up .dts-signup-options-skrim, #dtsMemberSign-up-options .dts-signup-options-skrim {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .85);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
max-width: 100%;
position: absolute;
top: 0;
width: 100%;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1036px;
width: 100%;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom:20px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div {
color: #ffffff;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(1), #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(1) {
color: #0579b9;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 58px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(2), #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(2) {
font-size: 28px;
font-weight: 200;
letter-spacing: 0.5px;
line-height: 28px;
text-align: center;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(3), #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(3) {
font-size: 15px;
font-weight: 200;
text-align: center;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body {
border: solid 1px #0579b9;
border-width: 1px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 52px 30px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes {
-ms-flex-pack: distribute;
justify-content: space-around;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper {
background: -webkit-gradient(linear, left top, right top, from(#0abdff), to(#0470ee));
background: linear-gradient(90deg, #0abdff, #0470ee);
border-radius: 5px;
max-width: 280px;
padding: 8px 2px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner {
border-radius: 5px;
background: #ffffff;
padding: 26px 20px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-title, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-title {
color: #323232;
font-size: 22px;
font-weight: 600;
text-align: center;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-content, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-content {
border-top: solid 1px #0579b9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #323232;
font-size: 18px;
margin-top: 20px;
height: 136px;
padding: 20px 10px;
text-align: center;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-content span, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-content span {
font-size: 14px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-wrapper-action, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper .dts-option-wrapper-inner .dts-option-wrapper-action {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, right top, from(#0abdff), to(#0470ee));
background: linear-gradient(90deg, #0abdff, #0470ee);
color: #000;
color: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
font-weight: 400;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 50px;
margin: 0 10px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(1) opacity(0.75);
filter: grayscale(1) opacity(0.75);
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 30px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer div, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer div {
font-weight: 200;
font-size: 22px;
}
#dtsMemberSign-up .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer .dts-link-button, #dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, right top, from(#0abdff), to(#0470ee));
background: linear-gradient(90deg, #0abdff, #0470ee);
color: #000;
color: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
font-weight: 400;
height: 44px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 230px;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
-ms-flex-item-align: stretch;
align-self: stretch;
border-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
width: 100%;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: 100%;
margin-left: calc(-460.77982px + 22.47706vw);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-951.65138px + 46.42202vw);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper picture, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 2049px) {
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
width: auto;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: 100%;
margin: auto;
width: auto;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (min-width: 1024px) and (max-width: 1219px) {
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
margin-left: calc(-725.10769px + 43.07692vw);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-1105.15385px + 61.53846vw);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
margin-left: 0;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (max-width: 990px){
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
border-radius: 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim {
height: 100%;
position: static;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header {
padding: 0 10px 20px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:first-of-type {
margin: 0 30px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:last-of-type {
margin: 0 30px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:first-of-type {
margin-right: 30px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:last-of-type {
margin: 30px 30px 0;/* left and right margin force line break at the break point */
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim.dts-signup-options-background-straight {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .85)), to(rgba(0, 0, 0, .85))), url("//pic.aebn.net/vod/signup/straight/200128-s-768x1024.jpg");
background: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85)), url("//pic.aebn.net/vod/signup/straight/200128-s-768x1024.jpg");
background-position: center;
background-size: cover;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim.dts-signup-options-background-gay {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .85)), to(rgba(0, 0, 0, .85))), url("//pic.aebn.net/vod/signup/gay/200128-g-768x1024.jpg");
background: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85)), url("//pic.aebn.net/vod/signup/gay/200128-g-768x1024.jpg");
background-position: center;
background-size: cover;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper picture {
display: none;
}
}
@media (max-width: 768px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form {
right: auto;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100%;
overflow: hidden;
width: 100%;
border-radius: 0;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:first-of-type, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:first-of-type {
margin: 0 36px;/* forces line break */
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:last-of-type, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:last-of-type {
margin: 30px 36px 0;/* forces line break */
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: auto;
margin-left: 0;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (max-width: 680px){
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:first-of-type {
margin: 0 30px;/* left and right margin force line break at the break point */
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:nth-child(2) {
margin: 30px 30px 0;/* left and right margin force line break at the break point */
}
}
@media (max-width: 640px){
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
padding: 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(1) {
font-size: 28px;
font-weight: 600;
line-height: 38px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-header div:nth-of-type(2) {
font-size: 20px;
line-height: 24px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer div {
margin-right: 10px;
}
}
@media (max-width: 524px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form {
border-radius: 0;
max-width: 100%;
height: 100%;
right: auto;
width: 100%;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-title {
font-size: 35px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper .dts-signup-form-subtitle {
font-size: 18px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form {
padding: 20px 0 0;
}
}
@media (max-width: 480px) {
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: auto;
margin-left: 0;
max-height: 700px;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:first-of-type,
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:last-of-type {
margin: 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper:nth-child(2) {
margin: 30px 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer {
padding: 30px;
}
}
@media (max-width: 444px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit {
margin-bottom: 10px;
}
}
@media (max-width: 400px){
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:first-of-type {
margin: 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body.dts-signup-options-no-free-minutes .dts-option-wrapper:last-of-type {
margin: 30px 0 0;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-conent: center;
}
#dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-footer div {
margin: 0 0 20px;
text-align: center;
}
}
/* FIREFOX */
@-moz-document url-prefix() {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-text-input, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-field-text-input {
background-color: rgba(255, 255, 255, .2);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
max-width: 100%;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-moz-placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::-moz-placeholder {
color: rgba(255, 255, 255, .75);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::placeholder, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form ::placeholder {
color: rgba(255, 255, 255, .75);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
background-color: rgba(0, 0, 0, .75);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
align-items: stretch;
}
}
@media(min--moz-device-pixel-ratio:0) and (max-width: 1024px) and (min-width: 768px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
font-size: calc(7.45866px + 0.59055vw);
}
}
@media(min--moz-device-pixel-ratio:0) and (max-width: 768px) and (min-width: 480px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
font-size: 12px;
}
}
@media(min--moz-device-pixel-ratio:0) and (max-width: 480px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #dtsSignupSubmit {
padding-left: calc(10px + 6.25vw);
padding-right: calc(10px + 6.25vw);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #alreadyHaveAnAccountLink a, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper #alreadyHaveAnAccountLink a {
font-size: calc(10px + 0.625vw);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form {
width: calc(90% + 6.25vw - 20px);
}
}
/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#dtsMemberSign-up main .dts-body-section.dts-view-centered, #dtsMemberSign-up-options main .dts-body-section.dts-view-centered {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
max-width: 100%;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
background-color: rgba(0, 0, 0, .75);
top: 20%;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: 100vh;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
-ms-flex-item-align: start;
align-self: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled {
background: -webkit-gradient(linear,left top, right top,from(#7b7979),to(#525150));
background: linear-gradient(90deg,#7b7979,#525150)
}
#dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled .dts-option-wrapper-inner {
background: #c4c3c3;
}
#dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled .dts-option-wrapper-inner .dts-option-content {
border-top-color: #4f4e4e;
}
#dtsMemberSign-up-options .dts-signup-options-skrim .dts-signup-options-wrapper .dts-signup-options-body .dts-option-wrapper.disabled .dts-option-wrapper-inner .dts-option-content .dts-option-wrapper-action {
background: -webkit-gradient(linear,left top, right top,from(#7b7979),to(#525150));
background: linear-gradient(90deg,#7b7979,#525150);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1023px) and (min-width: 768px) {
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
font-size: calc(5.44488px + 0.7874vw);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
right: calc(-40.41339px + 5.90551vw);
top: 15%;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
height: 100vh;
margin-left: -250px;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-852.75591px + 39.37008vw);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px) and (min-width: 480px) {
#dtsMemberSign-up main .dts-body-section.dts-view-centered, #dtsMemberSign-up-options main .dts-body-section.dts-view-centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
font-size: calc(12.32404px + 0.34843vw);
line-height: 20px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-button-wrapper {
margin-top: 20px;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
bottom: 0;
height: 100%;
left: 0;
margin: auto;
max-width: 768px;
padding: 0;
right: 0;
top: 0;
width: 100%;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
margin-left: calc(-650.87108px + 52.26481vw);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-724.1115px + 46.6899vw);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 480px) {
#dtsMemberSign-up main .dts-body-section.dts-view-centered, #dtsMemberSign-up-options main .dts-body-section.dts-view-centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form .dts-account-content-wrapper form .dts-form-signup-footnote-wrapper {
font-size: calc(9.98824px + 0.39216vw);
}
#dtsMemberSign-up .dts-flex-wrapper-page-form.dts-signup-form, #dtsMemberSign-up-options .dts-flex-wrapper-page-form.dts-signup-form {
bottom: 0;
height: 100%;
left: 0;
margin: auto;
max-width: 768px;
right: 0;
top: 0;
width: 100%;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper img, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper img {
margin-left: -215px;
max-height: 100vh;
height: calc(100vh - 270px);
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: -420px;
}
#dtsMemberSign-up .dts-signup-page-background-image-wrapper, #dtsMemberSign-up-options .dts-signup-page-background-image-wrapper {
height: 100%;
}
}
#dtsMemberLogin main .dts-body-section.dts-view-centered {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
overflow: hidden;
position: relative;
width: 100%;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered section {
background-color: transparent;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-options-skrim {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .85);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
max-width: 100%;
position: absolute;
top: 0;
width: 100%;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper {
-ms-flex-item-align: stretch;
align-self: stretch;
border-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
width: 100%;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper img {
height: 100%;
margin-left: calc(-460.77982px + 22.47706vw);
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-951.65138px + 46.42202vw);
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form {
background-color: rgba(255, 255, 255, .30);
border-radius: 3px;
color: rgba(255, 255, 255, .80);
max-width: 480px;
width: 100%;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form h1.dts-page-title {
border-bottom: solid 1px #0579b9;
color: rgba(255, 255, 255, .80);
font-size: 36px;
line-height: 36px;
margin-bottom: 20px;
padding-bottom: 20px;
text-align: center;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-container:last-of-type {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-container:last-of-type .dts-form-field-text-button a {
color: rgba(255, 255, 255, .80);
font-size: 16px;
text-decoration: underline;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-text-link a {
color: rgba(255, 255, 255, .80);
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-text-link {
float: none;
text-align: right;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form form .dts-link-button {
font-size: 24px;
height: 50px;
width: 180px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-user-name {
width: auto;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-field-user-name input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-password-group {
background-color: rgba(0, 0, 0, .50);
height: 50px;
padding: 0;
position: relative;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-password-group input {
background-color: transparent;
height: 100%;
padding: 0 28px 0 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-password-group .dts-password-toggle {
color: #ababab;
position: absolute;
right: 0;
z-index: 2;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input {
background-color: rgba(0, 0, 0, .40);
color: #fff;
font-size: 16px;
height: 50px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .8);
padding-left: 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input::-moz-placeholder {
color: rgba(255, 255, 255, .8);
padding-left: 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input::-ms-input-placeholder {
color: rgba(255, 255, 255, .8);
padding-left: 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input::placeholder {
color: rgba(255, 255, 255, .8);
padding-left: 6px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form input[name="loginButton"] {
background-color: rgba(0, 0, 0, .60);
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-input-label .dts-form-inline-input {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: auto;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-input-label .dts-form-inline-input .dts-form-field-checkbox {
height: 20px;
width: 20px;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-form-input-label .dts-form-inline-input label[for="loginFormRememberMe"] {
font-size: 16px;
line-height: 16px;
}
@media (min-width: 2049px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper {
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
width: auto;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper img {
height: 100%;
margin: auto;
width: auto;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (max-width: 1219px) and (min-width: 1024px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper img {
margin-left: calc(-725.10769px + 43.07692vw);
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: calc(-1105.15385px + 61.53846vw);
}
}
@media (max-width: 1024px){
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper picture {
width: 100%;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper picture img {
height: auto;
margin-left: 0;
width: 100%;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper img {
margin-left: 0;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper img {
margin-left: 0;
}
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper .dts-signup-page-background-img-gay {
margin-left: 0;
}
}
@media (max-width: 720px) {
#dtsMemberLogin .dts-signup-page-background-image-wrapper {
border-radius: 0;
min-height: 460px;
}
#dtsMemberLogin .dts-signup-page-background-image-wrapper .dts-signup-options-background-straight {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .25))), url("//pic.aebn.net/vod/signup/straight/200128-s-768x1024.jpg");
background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url("//pic.aebn.net/vod/signup/straight/200128-s-768x1024.jpg");
background-position: center;
background-size: cover;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
min-height: 100%;
width: 100%;
}
#dtsMemberLogin .dts-signup-page-background-image-wrapper .dts-signup-options-background-straight picture img {
display: none;
}
#dtsMemberLogin .dts-signup-page-background-image-wrapper .dts-signup-options-background-gay {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .25))), url("//pic.aebn.net/vod/signup/gay/200128-g-768x1024.jpg");
background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url("//pic.aebn.net/vod/signup/gay/200128-g-768x1024.jpg");
background-position: center;
background-size: cover;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
min-height: 100%;
width: 100%;
}
#dtsMemberLogin .dts-signup-page-background-image-wrapper .dts-signup-options-background-gay picture img {
display: none;
}
#dtsMemberLogin .dts-signup-page-background-image-wrapper .dts-signup-options-skrim {
height: 100%;
position: static;
}
}
@media (max-width: 640px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-page-background-image-wrapper {
padding: 0;
}
}
@media (max-width: 530px) {
#dtsMemberLogin main .dts-body-section.dts-view-centered .dts-signup-options-skrim {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media (max-width: 380px){
#dtsMemberLogin .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form {
padding: 0;
}
#dtsMemberLogin .dts-body-section.dts-view-centered .dts-flex-wrapper-page-form .dts-account-content-wrapper {
padding: 0 10px;
}
}
@media (min-width: 1366px) {
/* most desktops and laptops, 36.73% sessions*/
input[type=text],
input[type=password],
input[type=email],
input[type=number] {
height: 30px;
}
.dts-favorite-list .dts-collection-container {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
/* Height change in dts-password-group */
.dts-password-group {
height:30px;
}
}
@media (max-width: 1366px) {
/* mostly tablets, large phones in landscape, most popular viewing resolution*/
noscript div {
margin-bottom: calc(8.26446vw - 52.89256px);
margin-top: calc(8.26446vw - 52.89256px);
}
input[type=text],
input[type=password],
input[type=email],
input[type=number] {
height: 30px;
}
.dts-category-index-category-container {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.dts-favorite-list .dts-collection-container {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
/* Grids */
.dts-grid-item-container {
width: 16.6%;
}
/* Height change in dts-password-group */
.dts-password-group {
height:30px;
}
main .dts-body-section.dts-view-centered > * {
width: 70%;
}
}
@media (max-width: 960px) {
/* large phones, tablet */
.aebn-position-indicator {
height: 20px;
width: 20px;
}
.dts-category-index-category-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.dts-favorite-list .dts-collection-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.dts-checkout-saved-payment {
line-height: 32px;
white-space: normal;
}
.dts-checkout-section .dts-page-title .dts-link-button {
font-size: 20px;
height: 32px;
line-height: 32px;
}
.dts-checkout-section .dts-page-title {
font-size: 22px;
}
.dts-checkout-select-payment-group .dts-checkout-payment-item {
white-space: normal;
}
.dts-checkout-select-payment-header h2.dts-page-title {
font-size: 18px;
}
.dts-featured-star .dts-panel-content .dts-panel-header {
margin-top: 0;
}
.dts-flex-item-nav-1 {
left: 20px;
position: absolute;
top: 13px;
}
.dts-flex-item-nav-2{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.dts-form-group .dts-form-field-long {
height: 30px;
}
.dts-form-group .dts-form-field-short {
height: 30px;
}
.dts-logo {
height: 32px;
}
.dts-nav-link-text .dts-link-responsive-nav {
display:inline-block;
}
.dts-nav-link-text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
}
.dts-queue {
overflow-x: auto;
}
.dts-search-account-login.dts-search-account-login-logo-mia {
width: 100%;
}
.dts-search-account-login {
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 60%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-top: 2px;
width: calc(100% - 103px);
}
.dts-section-page-detail-info-help {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header.dts-section-page-detail-no-star-image .dts-section-page-heading-detail {
border-bottom: 0;
padding-bottom: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header.dts-section-page-detail-no-star-image {
padding-bottom: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header .dts-section-page-heading-detail {
border-bottom: 1px solid #d1d1d1;
padding-bottom: 15px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header {
display: block;
padding-bottom: 20px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper img {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes .dts-link-button {
width: 200px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes {
margin-top: 5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper {
margin-right: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-section-page-heading-detail {
display: none;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-list-attributes li {
display: inline-block;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-list-attributes {
margin-top: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: 100%;
}
.dts-section-page-detail.dts-section-page-detail-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-desktop-header {
display: none;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star .dts-image-and-button-wrapper {
-ms-flex-item-align: end;
align-self: end;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper.dts-links-movies-and-scenes-wrapper-no-image {
margin: 10px 0 15px;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star .dts-links-movies-and-scenes-wrapper {
margin: 0 auto;
margin-bottom: 20px;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star.dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper img {
display: block;
margin: 0 auto;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star.dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper {
margin: 20px 0 40px 0;
width: auto;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star.dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper {
margin: 0 auto;
margin-bottom: 20px;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star.dts-section-page-detail-star.dts-section-page-detail-star-with-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
padding-bottom: 0;
}
#pageContentStarDetail .dts-section-page-detail.dts-section-page-detail-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
background-color: #f8f8f8;
height: calc(100vh - 48px);
overflow-y: auto;
position: absolute;
top: 0;
width: 100vw;
z-index: 9998;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle {
display: block;
margin: 12px auto;
width: 200px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
background-color: #f8f8f8;
height: 100%;
margin: 0;
margin-bottom: 20px;
padding: 0 20px;
position: absolute;
top: 0;
width: 100vw;
z-index: 9998;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle .dts-filter-menu-toggle:hover {
background: #ffffff;
border-color: #0579b9;
color: #0579b9;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle .dts-filter-menu-toggle {
border-radius: 3px;
margin: 0 auto;
width: 200px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-panning-icon {
border-radius: 0;
display: inline-block;
font-size: 40px;
margin-right: 10px;
padding-left: 4px;
position: inherit;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumb-label {
margin-right: 8px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-link {
margin-top: 10px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-clear {
padding: 0 5px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs {
background: #e8e8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
overflow-x: auto;
padding: 0 5px 0 0;
width: 100%;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs-matching {
display: none;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs {
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-results-container {
width: 100vw;
}
.dts-filtered-search {
position: fixed;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu-toggle {
min-height: auto;
width: 134px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu {
display: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover .dts-open-filter-text {
color: #0579b9;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover {
background-color: #ffffff;
border-color: #0579b9;
border-width: 1px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle {
border-color: transparent;
border-radius: 3px;
border-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 32px;
-webkit-transform: none;
transform: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-open-filter-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 6px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed {
padding-left: 0;
width: auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-results-container {
width: 100%;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container {
display: block;
}
.dts-star-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
height: calc(100vh - 218px);
min-width: 100vw;
}
.dts-star-search.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
height: auto;
min-width:auto;
}
.dts-section-page-heading-detail h1 {
font-size: 24px;
line-height: 24px;
}
.dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-widget-search {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 6px;
min-width: 225px;
width: 100%;
}
/* Grids */
.dts-grid-item-container {
width: 25%;
}
main .dts-body-section.dts-view-centered > * {
width: 80%;
}
/* modal player */
.modal_player_background {
display: none;
}
.modal_player_display {
display: block;
position: fixed;
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2147483647;
}
.modal_player_wrapper {
background: rgba(0, 0, 0, 1);
font-weight: 300;
max-height: 100%;
max-width: 100%;
min-height: 169px;
min-width: 300px;
width: 100%;
height: 100%;
}
}
@media (max-width: 960px) {
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs {
margin-bottom: 35px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
height: auto;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dts-star-search .dts-list-page-header-alpha-char {
display: none;
}
}
@media (min-width: 641px) and (max-width: 690px) {
.dts-nav-link-text-item {
font-size: 14px;
}
}
@media (max-width: 680px) {
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
height: auto;
}
}
@media (max-width: 680px) and (min-width: 480px) {
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
background-color: #f8f8f8;
height: calc(100vh - 48px);
overflow-y: auto;
position: absolute;
top: 0;
width: 100vw;
z-index: 9998;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-type {
margin-top: 0;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
width: 100%;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-results-container {
width: 100vw;
}
.dts-filtered-search .dts-search-filters-and-results-container {
display: block;
}
.dts-filtered-search {
position: fixed;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu-toggle {
min-height: auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu {
display: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-open-filter-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 6px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed {
padding-left: 0;
width: auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-results-container {
width: 100%;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container {
display: block;
}
}
/*-- IE11 --*/
@media screen and (-ms-high-contrast: none) and (max-width: 960px) and (min-width: 641px) {
.dts-flex-wrapper-account-buttons, .dts-flex-wrapper-login-buttons {
min-width: 0;
width: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 640px) {
noscript div {
border-radius: 0;
margin: 0;
min-width: 320px;
width: 100%;
}
main .dts-body-section.dts-view-centered > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
padding: 0 15px;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container .dts-panel-header-title, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container .dts-panel-header-title {
margin: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container .dts-panel-header-title h1, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container .dts-panel-header-title h1 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container .dts-panel-header-title h1 a, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container .dts-panel-header-title h1 a {
margin: 10px 0;
text-align: center;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container .dts-panel-header-title h1 .dts-scene-title-metadata, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container .dts-panel-header-title h1 .dts-scene-title-metadata {
margin: 0;
padding: 0;
}
.dts-search .dts-search-filters-and-results-container .dts-panel .dts-view-similar-container .dts-panel-header-title h1 .dts-scene-title-metadata span, & .dts-panels-container.dts-movie .dts-panel .dts-view-similar-container .dts-panel-header-title h1 .dts-scene-title-metadata span {
font-size: 18px;
font-weight: 400;
margin: 0;
}
#dtsBody.dts-no-nav-view {
margin-top: 0;
}
#dtsBody {
margin-top: 48px;
}
#dtsPurchaseFree-minute-zero-auth #dtsBody {
}
#dtsPurchaseFree-minute-zero-auth #dtsCCSubmit {
margin-bottom: 15px;
}
.aebn-position-indicator {
height: 20px;
margin: 3px 12px;
width: 20px;
}
.dts-category-index-category-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.dts-favorite-list .dts-collection-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.dts-featured-star .dts-panel-header .dts-panel-header-title {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.dts-featured-star .dts-section-page-detail-main-image-wrapper {
display: none;
}
.dts-featured-star .dts-list-attributes {
display: none;
}
.dts-featured-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: 100%;
}
.dts-featured-star .dts-panel-header h1 {
font-size: 20px;
}
.dts-featured-star .dts-panel-star-detail-photo-gallery .dts-panel-header {
display: none;
}
.dts-form-cs-text {
width: 400px;
}
.dts-form-group .dts-form-field-long {
height: 30px;
}
.dts-form-group .dts-form-field-short {
height: 30px;
}
.dts-form-group .dts-form-group-exp-ccv span {
padding: 0 3px;
}
.dts-form-group .dts-form-group-exp-ccv input[type=number] {
margin-right: 4px;
}
.dts-form-group .dts-form-group-exp-ccv {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-right: 0;
}
.dts-grid .dts-collection-item-scene {
width: 100%;
}
#dtsSettingsMemberFavoritesSearches .dts-collection-container {
width: 93%;
}
#dtsSettingsMemberFavoritesSearches.dts-collection-item .dts-member-saved-searches-container .dts-member-saved-search-info-container {
width: 85%;
}
#dtsSettingsMemberFavoritesSearches.dts-collection-item .dts-member-saved-searches-container {
display: inline;
}
#dtsSettingsMemberFavoritesSearches.dts-collection-item {
width: auto;
}
.dts-my-account-rental-expiration-flag {
font-size: 11px;
}
.dts-panel-header h1 {
font-size: 20px;
line-height: 22px;
}
.dts-queue {
overflow-x: auto;
}
.dts-scene-play.dts-play-buttons-wrapper {
margin-bottom: 20px;
width: auto;
}
.dts-section-page-detail.dts-section-page-detail-description h2 {
font-size: inherit;
}
.dts-section-page-detail .dts-section-page-detail-main-image-wrapper img {
width: 100%;
}
.dts-section-page-detail .dts-section-page-detail-main-image-wrapper {
margin-right: 0;
text-align: center;
}
.dts-section-page-detail .dts-section-page-detail-mobile-header h1 {
font-size: 24px;
line-height: 24px;
}
.dts-section-page-detail .dts-section-page-detail-mobile-header {
display: block;
padding-bottom: 20px;
}
.dts-section-page-detail .dts-section-page-detail-info.dts-section-page-detail-no-image {
margin-top: 0;
}
.dts-section-page-detail .dts-section-page-detail-info .dts-section-page-heading-detail {
display: none;
}
.dts-section-page-detail .dts-section-page-detail-info {
width: 100%;
}
.dts-section-page-detail .dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-section-page-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header {
display: block;
padding-bottom: 20px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper img {
width: 100%;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper .dts-links-movies-and-scenes {
margin-top: 5px;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper {
margin-right: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-section-page-heading-detail {
display: none;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-list-attributes li {
display: inline-block;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-list-attributes {
margin-top: 0;
}
.dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: 100%;
}
.dts-section-page-detail.dts-section-page-detail-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-desktop-header {
display: none;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper.dts-links-movies-and-scenes-wrapper-no-image {
margin-bottom: 20px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper {
margin-bottom: 20px;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper img {
margin-top: 0;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper {
margin: 20px 0 40px 0;
width: auto;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-user-notification {
font-size: 16px;
line-height: 22px;
}
/* Grids */
.dts-grid-item-container {
width: 33.3%;
}
.dts-grid.dts-grid-sceneThumbs-mobile .dts-collection-item {
width: 43%;
}
main .dts-header-section.dts-no-nav-form-header {
position: static;
}
main .dts-header-section .dts-no-nav h1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
width: 100%;
}
main .dts-header-section .dts-no-nav {
height: 96px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-filter-menu-toggle:hover {
background: #ffffff;
border-color: #0579b9;
color: #0579b9;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-filter-menu-toggle {
border-radius: 3px;
margin: 0 auto;
width: 200px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle {
display: block;
margin: 12px auto;
width: 200px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-bottom: 0;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-panning-icon {
border-radius: 0;
display: inline-block;
font-size: 40px;
margin-right: 10px;
padding-left: 4px;
position: inherit;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumb-label {
margin-right: 8px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-link {
margin-top: 10px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-clear {
padding: 0 5px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs {
background: #e8e8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
overflow-x: auto;
padding: 0 5px 0 0;
width: 100%;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs .dts-search-crumbs-matching {
display: none;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-crumbs {
border-bottom-color: #d1d1d1;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: -10px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-results-container {
width: 100vw;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover .dts-open-filter-text {
color: #0579b9;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover {
background-color: #ffffff;
border-color: #0579b9;
border-width: 1px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle {
border-color: transparent;
border-radius: 3px;
border-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 32px;
-webkit-transform: none;
transform: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu-toggle {
width: 200px;
}
/* modal player */
.modal_player_background {
display: none;
}
.modal_player_display {
display: block;
position: fixed;
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2147483647;
}
.modal_player_wrapper {
background: rgba(0, 0, 0, 1);
font-weight: 300;
max-height: 100%;
max-width: 100%;
min-height: 169px;
min-width: 300px;
width: 100%;
height: 100%;
}
#dtsSettingsVideo .dts-collection-container {
width: 80%;
}
}
@media (max-width: 480px) {
/* small phones */
#dtsBody.dts-no-nav-view {
margin-top: 0;
}
#dtsBody {
margin-top: 48px;
}
#dtsPurchaseFree-minute-zero-auth #dtsBody {
margin-top: 0;
}
.aebn-position-indicator {
border-radius: 50%;
height: 16px;
width: 16px;
}
.aebn-position-indicator-container {
bottom: 20px;
}
.dts-category-index-category-container {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.dts-favorite-list .dts-collection-container {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.dts-featured-star .dts-section-page-detail-main-image-wrapper {
display: none;
}
.dts-featured-star .dts-list-attributes {
display: none;
}
.dts-featured-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: 100%;
}
.dts-featured-star .dts-panel-header {
display: block;
}
.dts-featured-star .dts-panel-header h1 {
font-size: 20px;
}
.dts-featured-star .dts-panel-star-detail-photo-gallery .dts-panel-header {
display: none;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
background-color: #f8f8f8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100vh - 48px);
overflow-y: auto;
padding-bottom: 75px;
position: absolute;
top: 0;
width: 100vw;
z-index: 9998;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle {
width:100%;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle .dts-filter-menu-toggle {
font-size: 20px;
margin-bottom: 0;
padding: 0;
width: auto;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle {
margin-bottom: 12px;/* order: 3; */
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened #dtsFilterMenuWrapper {
margin-bottom: -10px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-panning-icon {
border-radius: 0;
display: inline-block;
font-size: 40px;
margin-right: 10px;
padding-left: 4px;
position: inherit;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumb-label {
margin-right: 8px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-link {
margin-top: 10px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs .dts-search-crumbs-clear {
padding: 0 5px;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs {
background: #e8e8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
overflow-x: auto;
padding: 0 5px 0 0;
width: 100%;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs .dts-search-crumbs-matching {
display: none;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-search-filter-menu-crumbs {
border-top-color: #d1d1d1;
border-top-style: solid;
border-top-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
border-bottom: none;
border-right: 0px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
margin: 0;
width: 100vw;
}
.dts-filtered-search .dts-search-filters-and-results-container .dts-search-results-container {
width: 100vw;
}
.dts-filtered-search {
position: fixed;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu-toggle {
min-height: auto;
width: 100%;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-search-filter-submenu {
display: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover .dts-open-filter-text {
color: #0579b9;
border: 0;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover {
background-color: #ffffff;
border-color: #0579b9;
border-width: 1px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle {
border-width: 0;
border-color: transparent;
border-width: 1px;
font-size: 20px;
height: 34px;
padding: 5px;
-webkit-transform: none;
transform: none;
width: auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-open-filter-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 6px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed {
margin: 0;
padding: 0;
width: auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-results-container .dts-search-crumbs .dts-panning-icon {
display: none;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-results-container {
width: 100%;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-header .dts-paginator.top .dts-search-total {
margin: 0 auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-header .dts-paginator.top .dts-search-crumbs-wrapper {
margin: 0 auto;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container {
display: block;
margin-top: 0;
}
.dts-search-filter-submenu-items a.dts-search-filter-criteria-link {
width: auto;
}
.dts-search-filter-section-criteria-item {
font-size: calc(12px + 1.25vw);
}
.dts-search-filter-section-criteria-item .dts-search-filter-item-title {
font-size: calc(12px + 1.25vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dts-search-filter-section-criteria-item .dts-filter-count {
font-size: calc(12px + 1.25vw);
}
.dts-search-filter-section-criteria-item .dts-filter-icon {
height: calc(3px + 3.75vw);
width: calc(3px + 3.75vw);
}
.dts-search-filter-multi-select .dts-search-filter-section-criteria-item .dts-filter-icon {
margin-right: 3px;
}
.dts-search-crumbs .dts-search-crumbs-link.dts-link-button {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dts-search-crumbs .dts-search-crumb-text {
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
#dtsMenuStars-0-5 a.dts-search-filter-criteria-link {
height: 40px;
}
#dtsMenuStars-0-6 a.dts-search-filter-criteria-link {
height: 40px;
}
.dts-form-cs-text {
width: 300px;
}
.dts-form-wrapper .dts-form-input-label {
margin-right: 0;
}
.dts-default-navigation {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0 0.5px 2px 0px rgba(0, 0, 0, .5);
height: 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px;
}
.dts-flex-item-nav-1.dts-flex-item-nav-1-logo-mia {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-flex-item-nav-1 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
}
.dts-flex-item-nav-2 {
display: none;
}
.dts-header-section {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.dts-icon-svg-hamburger {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 27px;
}
.dts-icon-svg-search-phone {
display: inline-block;
color: #0579b9;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.dts-logo {
height: 35px;
}
#dtsModalContent {
width: 100%;
}
.dts-movie-boxcover-back {
max-width: 100%;
}
.dts-movie-boxcover-front {
max-width: 100%;
}
.dts-my-account-rental-expiration-flag {
font-size: 11px;
}
.dts-panel-header .dts-panel-header-nav {
white-space: nowrap;
}
.dts-panel-header .dts-image-overlay-button {
height: 28px;
width: 28px;
}
.dts-panel-header h1 {
font-size: 18px;
line-height: 20px;
}
.dts-pagination li a {
font-size: 13px;
}
.dts-pagination li.active {
font-size: 13px;
}
.dts-pagination li {
height: 30px;
min-width: 26px;
}
.dts-paginator-search-form {
height: 25px;
}
.dts-paginator-search-section #dtsPaginatorError {
font-size: 13px;
line-height: 16px;
margin-left: 5px;
position: relative;
}
.dts-paginator-search-section .dts-paginator-search-error-message {
position: absolute;
left: 20px;
top: 30px;
}
.dts-paginator-search-section {
margin-top: 15px;
position: relative;
}
.dts-paginator-search-text,
#dtsPaginatorSearchInput {
font-size: 14px;
}
.dts-payment-information .dts-payment-saved-card-info {
font-size: 14px;
line-height: 20px;
min-height: 20px;
}
.dts-payment-information .dts-payment-saved-card-text {
padding-right: 10px;
padding-right: 6px;
}
.dts-payment-information .dts-payment-saved-card-actions .dts-link-button {
font-size: 14px;
}
.dts-payment-information .dts-payment-saved-card-actions .dts-payment-default-card-text {
font-size: 14px;
}
.dts-queue {
overflow-x: auto;
}
.dts-search-total .dts-search-total-pages {
font-size: 16px;
}
.dts-search-total {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 20px;
height: 40px;
line-height: 20px;
white-space: nowrap;
}
.dts-section-page-detail-info-help {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.dts-scene-play.dts-play-buttons-wrapper {
margin-bottom: 20px;
width: auto;
}
/* restrict above to the watch later page */
.dts-section-page-detail.dts-section-page-detail-description h2 {
font-size: inherit;
}
.dts-section-page-detail .dts-section-page-detail-main-image-wrapper img {
width: 100%;
}
.dts-section-page-detail .dts-section-page-detail-main-image-wrapper {
margin-right: 0;
}
.dts-section-page-detail .dts-section-page-detail-mobile-header h1 {
font-size: 24px;
line-height: 24px;
}
.dts-section-page-detail .dts-section-page-detail-mobile-header {
display: block;
padding-bottom: 20px;
}
.dts-section-page-detail .dts-section-page-detail-info .dts-section-page-detail-no-image {
margin-top: 0;
}
.dts-section-page-detail .dts-section-page-detail-info .dts-section-page-heading-detail {
display: none;
}
.dts-section-page-detail .dts-section-page-detail-info {
width: 100%;
}
.dts-section-page-detail .dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-section-page-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-section-page-detail-desktop-header {
display: none;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star .dts-image-and-button-wrapper {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-section-page-detail-headshot-image-wrapper {
margin-bottom: 20%;
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image .dts-image-and-button-wrapper .dts-links-movies-and-scenes-wrapper {
width: 100%;
}
#pageContentStarDetail .dts-section-page-detail-star.dts-section-page-detail-star-with-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dtsSalesPromo-ticket h1 {
font-size: 20px;
}
#dtsSettingsMemberFavoritesSearches .dts-collection-container .dts-member-saved-search-info-container {
width: 80%;
}
#dtsSettingsMemberFavoritesSearches .dts-collection-container {
width: 85%;
}
#dtsSettingsVideo .dts-collection-container label {
font-size: 12px;
}
#dtsSettingsVideo .dts-video-settings-reset-default-button {
font-size: 13px;
}
.dts-site-logo {
-webkit-box-align: middle;
-ms-flex-align: middle;
align-items: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-search-crumbs .dts-search-crumb-label {
display: inline;
width: 100%;
}
.dts-search-crumbs .dts-search-crumbs-link {
font-size: 14px;
}
.dts-search-crumbs {
margin-bottom: 16px;
}
.dts-user-notification {
font-size: 16px;
line-height: 22px;
padding-left: 10px;
}
.dts-user-notification-close {
padding-right: 10px;
}
/* Commented out for #5275. Didn't want to remove it just in case.
.dts-user-notification-content {
justify-content: flex-start;
} */
/* Grids */
.dts-grid .dts-collection-item-scene {
width: 100%;
padding: 5px;
}
main .dts-header-section.dts-no-nav-form-header {
position: static;
}
main .dts-header-section .dts-no-nav #dtsSiteLogo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
main .dts-header-section .dts-no-nav h1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
}
main .dts-header-section .dts-no-nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
line-height: 48px;
min-height: 96px;
}
main .dts-body-section.dts-view-centered > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* modal player */
.modal_player_background {
display: none;
}
.modal_player_display {
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2147483647;
}
.modal_player_wrapper {
background: rgba(0, 0, 0, 1);
font-weight: 300;
max-height: 100%;
max-width: 100%;
min-height: 169px;
min-width: 300px;
width: 100%;
height: 100%;
}
#pageContentStarDetail .dts-section-page-detail-headshot-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
}
#dtsSettingsVideo .dts-collection-container {
width: 80%;
}
img.dts-vr-getting-started-steps-content {
margin-top: 10px;
}
.dts-vr-viewer-icons img {
margin-top: 15px;
}
body {
overflow-x: hidden;
}
}
@media (max-width: 480px) and (hover: none){
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover .dts-open-filter-text {
color: #ffffff;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-closed .dts-filter-menu-toggle:hover {
background: #0579b9;
border-color: transparent;
border-style: solid;
border-width: 0 1px 1px 1px;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-filter-menu-toggle:hover .dts-close-filter-text {
color: #ffffff;
}
.dts-filtered-search-collapsed .dts-search-filters-and-results-container .dts-search-filter-menu-opened .dts-filter-menu-toggle:hover {
background: #0579b9;
border-color: transparent;
border-style: solid;
border-width: 1px;
}
}
/*****
USED FOR THE LAYOUT OF RESPONSIVE GRIDS INDEPENDENT OF
THE APPS OTHER MEDIA QUERIES AND STYLES
*****/
/*****
WITHOUT FILTER BAR PRESENT
ASSUMING GRID WIDTH = 100vw
*****/
/**** movie box cover ****/
@media (max-width: 518px) {
.dts-grid .dts-collection-item-movie {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 20px 20px 0;
width: calc(50% - 10px);
}
/* .dts-grid .dts-collection-item-movie:nth-child(6n) {
margin-right: 20px;
} */
.dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 518px) and (max-width: 791px) {
.dts-grid .dts-collection-item-movie {
width: 30%;
}
.dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 791px) and (max-width: 1280px) {
.dts-grid .dts-collection-item-movie {
width: 22.8%;
}
.dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 0;
}
}
@media (min-width: 1281px) {
.dts-grid .dts-collection-item-movie {
width: 15%;
}
.dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-movie:nth-child(6n) {
margin-right: 0;
}
}
/* Favorite Studios */
@media (max-width: 1800px) {
.dts-favorite-studios .dts-collection-item {
width: 25%;
}
}
@media (max-width: 1200px) {
.dts-favorite-studios .dts-collection-item {
width: 33.33%;
}
}
@media (max-width: 860px) {
.dts-favorite-studios .dts-collection-item {
width: 50%;
}
}
@media (max-width: 600px) {
.dts-favorite-studios .dts-collection-item {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/**** star images ****/
@media (max-width: 670px) {
.dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: calc(50% - 10px);
}
.dts-grid .dts-collection-item-star:nth-child(2n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 671px) and (max-width: 920px) {
.dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 30%;
}
.dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-star:nth-child(3n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 921px) and (max-width: 1336px) {
.dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 22.8%;
}
.dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-star:nth-child(3n) {
margin-right: 20px;
}
.dts-grid .dts-collection-item-star:nth-child(4n):not(.queue_control_element) {
margin-right: 0;
}
}
/*****
WITH FILTER BAR COLLAPSED
ASSUMING GRID WIDTH IS < 100vw
*****/
/**** movie box cover ****/
@media (max-width: 670px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 20px 20px 0;
width: calc(50% - 10px);
}
/* .dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(6n) {
margin-right: 20px;
} */
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 671px) and (max-width: 800px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie {
width: 30%;
}
/* .dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 0;
} */
}
@media (min-width: 801px) and (max-width: 1280px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie {
width: 22.8%;
}
/* .dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 0;
} */
}
@media (min-width: 1281px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie {
width: 15%;
}
/* .dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-movie:nth-child(6n) {
margin-right: 0;
} */
}
/**** star images ****/
@media (max-width: 670px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: calc(50% - 10px);
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(2n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 671px) and (max-width: 920px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 30%;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(3n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 921px) and (max-width: 1336px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 22.8%;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-star:nth-child(4n):not(.queue_control_element) {
margin-right: 0;
}
}
/**** scene component ****/
.dts-grid .dts-collection-item-scene {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px;
}
@media (max-width: 480px) {
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 716px) {
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
width: calc(50% - 20px);
}
}
@media (min-width: 717px) and (max-width: 1100px) {
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
width: 31%;
}
}
@media (min-width: 1104px) and (max-width: 1400px) {
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
width: 24%;
}
}
@media (min-width: 1401px) {
.dts-grid .dts-collection-item-scene,
.dts-grid .dts-collection-item-clip {
width: 15%;
}
}
/**** scene component with filter menu collasped ****/
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
margin: 0 0 20px;
}
@media (max-width: 480px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 740px) {
/* @media (min-width: 480px) and (max-width: 640px) { */
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
width: 48%;
}
}
@media (min-width: 741px) and (max-width: 1150px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
width: 31%;
}
}
@media (min-width: 1151px) and (max-width: 1465px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
width: 24%;
}
}
@media (min-width: 1466px) {
.dts-filtered-search-collapsed .dts-grid .dts-collection-item-scene {
width: 15%;
}
}
/* scene component with filter menu open */
.dts-filtered-search .dts-grid .dts-collection-item-scene {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px;
}
@media (max-width: 1050px) {
.dts-filtered-search .dts-grid .dts-collection-item-scene {
width: calc(50% - 10px);
}
}
@media (min-width: 1051px) and (max-width: 1420px) {
.dts-filtered-search .dts-grid .dts-collection-item-scene {
width: 31%;
}
}
@media (min-width: 1421px) and (max-width: 1720px) {
.dts-filtered-search .dts-grid .dts-collection-item-scene {
width: 24%;
}
}
@media (min-width: 1721px) {
.dts-filtered-search .dts-grid .dts-collection-item-scene {
width: 14.9%;
}
}
/*****
WITH FILTER BAR OPENED
ASSUMING GRID WIDTH IS < 100vw
*****/
/**** movie box cover ****/
@media (max-width: 720px) {
.dts-filtered-search .dts-grid .dts-collection-item-movie {
margin-right: 0;
width: 100%;
}
}
@media (min-width: 721px) and (max-width: 930px) {
.dts-filtered-search .dts-grid .dts-collection-item-movie {
width: 47%;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 931px) and (max-width: 1090px) {
.dts-filtered-search .dts-grid .dts-collection-item-movie {
width: 30%
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1091px) and (max-width: 1487px) {
.dts-filtered-search .dts-grid .dts-collection-item-movie {
width: 22.8%;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 0;
}
}
@media (min-width: 1488px) {
.dts-filtered-search .dts-grid .dts-collection-item-movie {
width: 15%;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(4n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-movie:nth-child(6n) {
margin-right: 0;
}
}
/**** star images ****/
@media (max-width: 720px) {
.dts-filtered-search .dts-grid .dts-collection-item-star:not(.queue_control_element) {
margin-right: 0;
width: 100%;
}
}
@media (min-width: 721px) and (max-width: 930px) {
.dts-filtered-search .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 47%;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(2n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 931px) and (max-width: 1090px) {
.dts-filtered-search .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 30%
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(3n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 1091px) and (max-width: 1487px) {
.dts-filtered-search .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 22.8%;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(4n):not(.queue_control_element) {
margin-right: 0;
}
}
@media (min-width: 1488px) {
.dts-filtered-search .dts-grid .dts-collection-item-star:not(.queue_control_element) {
width: 15%;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(2n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(3n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(4n) {
margin-right: 20px;
}
.dts-filtered-search .dts-grid .dts-collection-item-star:nth-child(6n):not(.queue_control_element) {
margin-right: 0;
}
}
/**** scene component ****/
/**** play stream 4 life buttons my account ***/
@media (min-width: 1281px) and (max-width: 1400px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 17px;
}
}
@media (min-width: 865px) and (max-width: 960px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 17px;
}
}
@media (min-width: 842px) and (max-width: 864px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 16px;
}
}
@media (min-width: 791px) and (max-width: 842px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 15px;
}
}
@media (min-width: 655px) and (max-width: 730px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 16px;
}
}
@media (min-width: 638px) and (max-width: 655px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 16px;
}
}
@media (min-width: 615px) and (max-width: 638px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 15px;
}
}
@media (min-width: 580px) and (max-width: 615px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 14px;
}
}
@media (min-width: 545px) and (max-width: 580px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 13px;
}
}
@media (min-width: 518px) and (max-width: 545px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 12px;
}
.dts-my-account-play-button .dts-button-play.large.no-preview span.dts-button-play-large-icon-text {
padding-left: 1px;
}
}
@media (min-width: 400px) and (max-width: 480px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 14px;
}
}
@media (min-width: 351px) and (max-width: 400px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 13px;
font-weight: 400;
padding-left: 0;
}
.dts-my-account-play-button .dts-button-play.large .dts-icon-svg-play-preview {
height: 20px;
width: 20px;
}
.dts-my-account-play-button .dts-button-play.large.no-preview span.dts-button-play-large-icon-text {
padding-left: 0;
}
}
@media (max-width: 350px) {
.dts-my-account-play-button .dts-button-play.large.no-preview {
font-size: 12px;
font-weight: 400;
padding-left: 0;
}
.dts-my-account-play-button .dts-button-play.large .dts-icon-svg-play-preview {
height: 20px;
width: 20px;
}
.dts-my-account-play-button .dts-button-play.large.no-preview span.dts-button-play-large-icon-text {
padding-left: 0;
}
}
.dts-mobile-play-buttons-wrapper {
display: none;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-panel-header {
display: none;
}
.dts-exact-match-query-attributes .dts-paginator.top {
border-bottom: none;
}
.dts-exact-match-query-attributes {
padding: 0 20px;
}
.dts-panel-exact-match-star .dts-panel-exact-match-heading-star a {
font-weight: 600;
}
.dts-panel-exact-match-star .dts-panel-header {
display: none;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star img {
height: 250px;
width: auto;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star {
margin-right: 20px;
margin-bottom: 20px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star.dts-section-page-detail-no-image .dts-star-exact-match-attribute-bio-wrapper {
height: auto;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star.dts-section-page-detail-no-image {
max-height: 250px;
width: 100%;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-section-page-heading-detail {
display: none;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper {
border-color: #d1d1d1;
border-radius: 3px;
border-style: solid;
border-width: 1px;
background-color: #ffffff;
font-size: 15px;
margin-bottom: 10px;
height: 200px;
overflow-y: auto;
padding: 0 10px;
width: -webkit-fill-available;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-list-attributes {
background-color: transparent;
border: none;
margin-bottom: 0;
margin-top: 8px;
min-height: 30px;
padding: 0;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-star-bio {
padding-bottom: 10px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-section-page-detail-description-body {
overflow-y: inherit;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button .dts-icon-chevron-down.dts-icon-target.dts-icon-style-rotate-180 {
visibility: hidden;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button {
visibility: hidden;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description {
border-bottom: none;
border-top: 1px solid #d1d1d1;
margin-bottom: 0;
padding-top: 5px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-links-movies-and-scenes .dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-links-movies-and-scenes .dts-link-button {
background-color: #0579b9;
border-color: #0579b9;
border-radius: 3px;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
text-align: center;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-links-movies-and-scenes {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 5px;
padding-bottom: 0;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: 100%;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star {
padding: 5px 20px 25px;
}
@media (max-width: 960px) {
.dts-panel-exact-match-star .dts-panel-header {
display: none;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-mobile-header {
display: none;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star img {
height: 315px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
width: auto;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star {
display: inline-block;
margin-right: 15px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper {
height: 265px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
width: calc(100% - 182px);
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 680px) {
.dts-panel-exact-match-star .dts-panel-exact-match-heading.dts-panel-exact-match-heading-star {
font-size: calc(3.6px + 3vw);
margin-left: 0;
text-align: center;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star img {
display: block;
height: auto;
margin: 0 auto;
width: 400px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star {
margin-right: 0;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-section-page-detail-description-body {
overflow-y: hidden;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button .dts-icon-chevron-down.dts-icon-target.dts-icon-style-rotate-180:hover {
background: transparent;
color: #ffffff;
fill: transparent;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button .dts-icon-chevron-down.dts-icon-target.dts-icon-style-rotate-180 {
background: transparent;
border: none;
border-radius: 3px;
color: #0579b9;
height: 28px;
visibility: visible;
width: 28px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button {
border: none;
height: 28px;
visibility: visible;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button.less:hover {
color: #0579b9;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button.less {
padding: 0;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description {
margin-bottom: 0;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper {
display: block;
height: auto;
overflow-y: hidden;
width: 96.5%;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star.dts-section-page-detail-no-image .dts-star-exact-match-attribute-bio-wrapper {
width: 96.5%;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star.dts-section-page-detail-no-image {
max-height: none;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 640px) {
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail .dts-section-page-detail-info .dts-list-attributes {
margin-top: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail .dts-section-page-detail-info .dts-panel-detail-movie-stars {
display: none;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail .dts-section-page-detail-info .dts-section-page-heading-title {
display: none;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail .dts-section-page-detail-info .dts-play-buttons-wrapper {
margin: 12px 0;
width: auto;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail .dts-studio-name-wrapper {
display: none;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-section-page-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-panel-header h1 {
font-size: 24px;
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-movie .dts-panel-header {
display: block;
}
.dts-panel-exact-match-star .dts-section-page-heading-detail, .dts-panel-exact-match-star .dtsCollectionStarExactMatchScenes {
display: none;
}
.dts-panel-exact-match-star .dts-links-movies-and-scenes {
margin-bottom: 0;
margin-top: auto;
padding-bottom: 0;
/* display: -webkit-box; */
display: -ms-flexbox;
/* display: flex; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-panel-exact-match-star .dts-panel-header {
display: block;
padding-bottom: 0;
}
.dts-panel-exact-match-star .dts-panel-header .dts-panel-header-title h1 {
font-size: 24px;
}
.dts-panel-exact-match-star .dts-section-page-detail-mobile-header {
padding-bottom: 10px;
}
.dts-panel-exact-match-star .dts-section-page-detail-info-star .dts-list-attributes li {
display: inline-block;
}
.dts-panel-exact-match-star .dts-section-page-detail-info-star.dts-section-page-detail-no-image .dts-list-attributes li {
display: inline-block;
}
.dts-panel-exact-match-star .dts-section-page-detail-main-image-wrapper img {
height: auto;
}
.dts-panel-exact-match .dts-section-page-detail-star .dts-section-page-detail-info-star {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-panel-exact-match-star .dts-section-page-detail .dts-section-page-detail-main-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
margin-bottom: 20px;
}
}
@media (max-width: 640px) and (min-width: 480px) {
.dts-panel-exact-match-movie.dts-panel .dts-panel-header .dts-panel-header-title {
display: block;
}
.dts-panel-exact-match-movie.dts-panel .dts-panel-header {
display: block;
}
.dts-panel-exact-match-movie .dts-movie-boxcover-front {
height: auto;
}
.dts-panel-exact-match-movie .dts-panel-header-title {
display: none;
}
.dts-panel-exact-match-movie .dts-section-page-detail-movie {
padding-top: 0;
}
.dts-panel-exact-match-movie .dts-section-page-detail-info {
width: auto;
}
/* This sticks the content in front of "xact match on a ${panelExactMatchType}" */
.dts-panel-exact-match-heading:before, .dts-panel-exact-match-heading::before {
content: "Exact";
}
}
@media (max-width: 480px) {
.dts-panel-exact-match-movie .dts-panel-exact-match-heading {
font-size: 18px;
margin-left: 0;
text-align: center;
}
.dts-panel-exact-match-movie .dts-panel-header {
text-align: center;
}
.dts
/* This sticks the content in front of "xact match on a ${panelExactMatchType}" */
.dts-panel-exact-match-heading:before {
content: "Exact";
}
.dts-panel-exact-match-star .dts-links-movies-and-scenes {
text-align: center;
}
.dts-panel-exact-match-star .dts-links-movies-and-scenes .dts-link-button {
margin: 6px 0 0 0;
display: block;
}
.dts-panel-exact-match-star .dts-list-attributes li {
display: block;
line-height: 18px;
/* font-weight: normal; */
}
.dts-panel-exact-match-star .dts-section-page-detail-info-star .dts-section-page-detail-description .dts-more-btn {
float: none;
text-align: center;
}
.dts-exact-match-query-attributes .dts-paginator.top .dts-search-total {
font-size: calc(6px + 3.75vw);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0;
}
.dts-exact-match-query-attributes .dts-paginator.top {
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
}
.dts-panel-exact-match-star .dts-panel-exact-match-heading.dts-panel-exact-match-heading-star a {
display: block;
}
.dts-panel-exact-match-star .dts-panel-exact-match-heading.dts-panel-exact-match-heading-star {
display: block;
font-size: 20px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-main-image-wrapper.dts-image-wrapper-star img {
width: calc(240px + 12.5vw);
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-list-attributes ul li {
display: block;
line-height: 24px;
white-space: nowrap;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-list-attributes ul {
margin-bottom: 8px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description .dts-more-btn.dts-link-button {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: -30px;
text-align: right;
width: 28px;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-star-exact-match-attribute-bio-wrapper .dts-section-page-detail-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-links-movies-and-scenes .dts-link-button {
font-size: calc(4px + 2.5vw);
}
.dts-panel-exact-match-star .dts-panel-content .dts-section-page-detail.dts-section-page-detail-star .dts-section-page-detail-info.dts-section-page-detail-info-star .dts-links-movies-and-scenes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
@media (max-width: 420px) {
.dts-panel-exact-match-star .dts-list-attributes a {
white-space: normal;
display: block;
}
.dts-panel-exact-match-star .dts-list-attributes li {
display: block;
line-height: 14px;
font-weight: normal;
padding-right: 12px;
}
.dts-panel-exact-match-star .dts-list-attributes {
margin: 0;
}
.dts-panel-exact-match-star .dts-section-page-detail .dts-links-movies-and-scenes a {
font-size: 12px;
font-weight: normal;
}
.dts-panel-exact-match-star .dts-section-page-detail-no-image .dts-links-movies-and-scenes a {
font-size: 16px;
font-weight: bold;
}
}
@media (max-width: 412px) {
/* very small phones */
}
/* Buckets for lookup (a.k.a., "more") pages */
@media (min-width: 1771px) {
.dts-index-list-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
font-size: 16px;
width: 98%;
margin: 12px 0 12px 0;
}
}
@media (min-width: 1441px) and (max-width: 1770px){
.dts-index-list-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
font-size: 16px;
width: 98%;
margin: 12px 0 12px 0;
}
}
@media (min-width: 1081px) and (max-width: 1440px) {
/* phones */
.dts-index-list-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: 16px;
width: 98%;
margin: 12px 0 12px 0;
}
}
@media (max-width: 1080px) {
/* small phones */
.dts-index-list-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
font-size: 16px;
width: 98%;
margin: 12px 0 12px 0;
}
}
.dts-list-format-view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1201px) {
.dts-list-format-view .dts-collection-container {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
font-size: 16px;
margin: 20px;
}
}
@media (min-width: 921px) and (max-width: 1200px){
.dts-list-format-view .dts-collection-container {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
font-size: 16px;
margin: 20px;
}
}
@media (min-width: 581px) and (max-width: 920px) {
/* phones */
.dts-list-format-view .dts-collection-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
font-size: 16px;
margin: 20px;
}
}
@media (max-width: 580px) {
/* small phones */
.dts-list-format-view .dts-collection-container {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
font-size: 16px;
margin: 20px;
}
}
.dts-star-hero-image img {
display: block;
width: 100%;
}
#pageContentStarDetail {
position: relative
}
#pageContentStarDetail .dts-star-hero-image {
position: absolute;
left: 0;
top: 0;
}
#pageContentStarDetail .dts-star-hero-image img {
display: block;
width: 100%;
}
.dts-star-details {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: 0 36px 67px 130px 1fr;
margin: 30px 20px;
position: relative
}
.dts-star-details.dts-star-has-hero-image {
grid-template-rows: 331px 70px 56px 106px 1fr;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: 0;
position: relative;
}
.dts-star-details.dts-star-has-hero-image .dts-star-detail-avatar {
grid-column: 1/2;
grid-row: 2/4;
top: 0;
}
.dts-star-details.dts-star-has-hero-image .dts-star-movie-scene-buttons {
grid-column: 1/2;
grid-row: 5/6;
}
.dts-star-details.dts-star-has-hero-image .dts-star-movie-scene-buttons a {
margin: 20px 0 0;
}
.dts-star-details.dts-star-has-hero-image .dts-star-movie-scene-buttons a:first-of-type {
margin-top: 20px;
}
.dts-star-details.dts-star-has-hero-image .dts-star-name {
grid-column: 2/3;
grid-row: 3/4;
}
.dts-star-details.dts-star-has-hero-image .dts-star-cam {
}
.dts-star-details.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
grid-column: 2/3;
grid-row: 3/4;
}
.dts-star-details.dts-star-has-hero-image .dts-star-attributes-bio {
grid-column: 2/3;
grid-row: 4/6;
margin-top: 0;
max-height: 239px;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-section-page-heading-nav {
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-weight: 600;
margin-right: 20px;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam.offline {
color: #91949c;
cursor: default;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam.offline i {
color: #91949c;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam.online {
color: #15b533;
cursor: pointer;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam.online i {
color: #15b533;
}
.dts-star-details.dts-star-has-cam .dts-section-page-heading-detail .dts-star-cam i {
margin-right: 6px;
}
.dts-star-details .dts-star-detail-avatar {
background-color: #0579b9;
-webkit-clip-path: circle(116px at 116px 116px);
clip-path: circle(116px at 116px 116px);
grid-column: 1/2;
grid-row: 2/5;
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dts-star-details .dts-star-detail-avatar img {
-webkit-clip-path: circle(112px at 116px 116px);
clip-path: circle(112px at 116px 116px);
}
.dts-star-details .dts-star-movie-scene-buttons {
grid-column: 1/2;
grid-row: 5/6;
width: 232px;
}
.dts-star-details .dts-star-movie-scene-buttons a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
height: 46px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
width: 232px;
}
.dts-star-details .dts-star-movie-scene-buttons a:focus {
outline: #0579b9 auto 2px;
}
.dts-star-details .dts-star-movie-scene-buttons a:hover {
background-color: #ffffff;
color: #0579b9;
}
.dts-star-details .dts-star-name {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 2/3;
grid-row: 1/3;
justify-self: stretch;
margin-left: 20px;/* overflow: hidden; */
}
.dts-star-details .dts-star-name h1 {
color: #323232;
font-size: 32px;
font-weight: 600;
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 2/3;
grid-row: 1/3;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 36px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper:first-child {
margin-left: 0;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a {
margin-left: 20px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a:first-of-type {
margin-left: 0;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a .dts-icon-instagram {
font-size: 20px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a .dts-icon-snapchat {
font-size: 20px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a .dts-icon-facebook {
font-size: 20px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper a .dts-icon-onlyfans {
font-size: 20px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper .dts-star-follow {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius:24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
margin-right: 20px;
padding: 0 12px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper .dts-star-follow:hover span {
border-color:#ffffff;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper .dts-star-follow span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color:#0579b9;
border-right-style: solid;
border-right-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
margin-right: 6px;
padding-right: 8px;
}
.dts-star-details .dts-star-follow-favorite-social-wrapper .dts-star-follow i {
font-size: 18px;
}
.dts-star-details .dts-star-attributes-bio {
-ms-flex-item-align: start;
align-self: start;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
grid-column: 2/3;
grid-row: 3/6;
height: 100%;
margin-left: 20px;
margin-top: 20px;
max-height: 309px;
overflow-y: auto;
}
.dts-star-details .dts-star-attributes-bio.dts-star-no-bio {
height: auto;
}
.dts-star-details .dts-star-attributes-bio.dts-star-no-scenes {
height: 240px;
}
.dts-star-details .dts-star-attributes-bio.dts-star-no-scenes.dts-star-no-bio {
height: auto;
}
.dts-star-details .dts-star-attributes-bio ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 44px;
padding: 14px 20px;
}
.dts-star-details .dts-star-attributes-bio ul li:not(:last-child) {
margin-right: 20px;
}
.dts-star-details .dts-star-attributes-bio ul li span {
font-weight: 600;
}
.dts-star-details .dts-star-attributes-bio .dts-section-page-detail-description {
border-color: #b5b5b5;
border-top-style: solid;
border-top-width: 1px;
margin: 0;
padding: 14px 20px;
}
.dts-star-details .dts-star-attributes-bio .dts-section-page-detail-description h2 {
font-weight: 600;
}
.dts-star-details .dts-star-attributes-bio .dts-section-page-detail-description .dts-star-bio {/* white-space: normal; */
padding-bottom: 20px;
}
@media (max-width: 2048px) {
.dts-star-details.dts-star-has-hero-image {
grid-template-rows: calc(-71.39296px + 19.64809vw) 70px 56px 106px 1fr;
}
}
@media (max-width: 1430px) {
.dts-star-details.dts-name-count-40 .dts-star-name h1 {
font-size: 24px;
}
}
@media (max-width: 1366px) {
.dts-star-details.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 56px 106px 1fr;
}
.dts-star-details .dts-star-name h1 {
font-size: 24px;
}
}
@media (max-width: 1240px) {
.dts-star-details.dts-name-count-40 {
grid-template-rows: 0 36px 48px 48px 100px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 48px 48px 66px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
grid-row: 4/5;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-attributes-bio {
grid-row: 5/7;
margin-top: 0;
max-height: 198px;
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar {
grid-row: 2/6;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons {
grid-row: 6/7;
}
.dts-star-details.dts-name-count-40 .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-row: 3/4;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px;
}
.dts-star-details.dts-name-count-40 .dts-star-attributes-bio {
grid-row: 4/7;
margin-top: 10px;
max-height: 270px;
}
}
@media (max-width: 1100px) {
.dts-star-details.dts-name-count-30 {
grid-template-rows: 0 36px 48px 48px 100px 1fr;
}
.dts-star-details.dts-name-count-30.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 48px 48px 66px 1fr;
}
.dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
grid-row: 4/5;
}
.dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-attributes-bio {
grid-row: 5/7;
margin-top: 0;
max-height: 198px;
}
.dts-star-details.dts-name-count-30 .dts-star-detail-avatar {
grid-row: 2/6;
}
.dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons {
grid-row: 6/7;
}
.dts-star-details.dts-name-count-30 .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-row: 3/4;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px;
}
.dts-star-details.dts-name-count-30 .dts-star-attributes-bio {
grid-row: 4/7;
margin-top: 10px;
max-height: 270px;
}
}
@media (max-width: 980px) {
.dts-star-details.dts-name-count-20 {
grid-template-rows: 0 36px 48px 48px 100px 1fr;
}
.dts-star-details.dts-name-count-20.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 48px 48px 66px 1fr;
}
.dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
grid-row: 4/5;
}
.dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-attributes-bio {
grid-row: 5/7;
margin-top: 0;
max-height: 198px;
}
.dts-star-details.dts-name-count-20 .dts-star-detail-avatar {
grid-row: 2/6;
}
.dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons {
grid-row: 6/7;
}
.dts-star-details.dts-name-count-20 .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-row: 3/4;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px;
}
.dts-star-details.dts-name-count-20 .dts-star-attributes-bio {
grid-row: 4/7;
margin-top: 10px;
max-height: 270px;
}
}
@media (max-width: 800px) {
.dts-star-details {
grid-template-rows: 0 36px 48px 116px 1fr
}
.dts-star-details.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 56px 74px 1fr;
}
.dts-star-details.dts-star-has-hero-image .dts-star-attributes-bio {
max-height: 206px;
}
.dts-star-details.dts-name-count-40,
.dts-star-details.dts-name-count-30,
.dts-star-details.dts-name-count-20,
.dts-star-details.dts-name-count-10 {
grid-template-rows: 0 36px 48px 48px 68px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image, .dts-star-details.dts-name-count-30.dts-star-has-hero-image, .dts-star-details.dts-name-count-20.dts-star-has-hero-image, .dts-star-details.dts-name-count-10.dts-star-has-hero-image {
grid-template-rows: calc(-69.25073px + 29.15452vw) 70px 48px 48px 34px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
grid-row: 4/5;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-attributes-bio, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-attributes-bio, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-attributes-bio, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-attributes-bio {
grid-row: 5/7;
margin-top: 0;
max-height: 166px;
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar {
grid-row: 2/6;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons {
grid-row: 6/7;
}
.dts-star-details.dts-name-count-40 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-30 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-20 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-10 .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-row: 3/4;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px;
}
.dts-star-details.dts-name-count-40 .dts-star-attributes-bio, .dts-star-details.dts-name-count-30 .dts-star-attributes-bio, .dts-star-details.dts-name-count-20 .dts-star-attributes-bio, .dts-star-details.dts-name-count-10 .dts-star-attributes-bio {
grid-row: 4/7;
margin-top: 10px;
max-height: 239px;
}
.dts-star-details .dts-star-detail-avatar {
-webkit-clip-path: circle(100px at 100px 100px);
clip-path: circle(100px at 100px 100px);
}
.dts-star-details .dts-star-detail-avatar img {
-webkit-clip-path: circle(96px at 100px 100px);
clip-path: circle(96px at 100px 100px);
}
.dts-star-details .dts-star-movie-scene-buttons {
width: auto;
}
.dts-star-details .dts-star-movie-scene-buttons a {
width: 200px;
}
.dts-star-details .dts-star-movie-scene-buttons a:first-of-type {
margin-top: 20px;
}
.dts-star-details .dts-star-attributes-bio {
max-height: 276px;
}
}
@media (max-width: 700px) {
.dts-star-details {
/* height: 560px; */
justify-items: center;
margin: 0 0 10px
}
.dts-star-details.dts-name-count-40,
.dts-star-details.dts-name-count-30,
.dts-star-details.dts-name-count-20,
.dts-star-details.dts-name-count-10,
.dts-star-details.dts-name-count-short {
grid-template-columns: 1fr;
grid-template-rows: 72px 200px 56px 64px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image, .dts-star-details.dts-name-count-30.dts-star-has-hero-image, .dts-star-details.dts-name-count-20.dts-star-has-hero-image, .dts-star-details.dts-name-count-10.dts-star-has-hero-image, .dts-star-details.dts-name-count-short.dts-star-has-hero-image {
grid-template-columns: 1fr;
grid-template-rows: 72px 200px 56px 64px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-name h1, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-name h1, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-name h1, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-name h1, .dts-star-details.dts-name-count-short.dts-star-has-hero-image .dts-star-name h1 {
color: #ffffff;
text-shadow: 0 0 1px 1px rgba(0, 0, 0, 1);
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-detail-avatar, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-detail-avatar, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-detail-avatar, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-detail-avatar, .dts-star-details.dts-name-count-short.dts-star-has-hero-image .dts-star-detail-avatar {
top: 0;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-short.dts-star-has-hero-image .dts-star-movie-scene-buttons {
grid-row: 4/5;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-30.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-20.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-10.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-short.dts-star-has-hero-image .dts-star-follow-favorite-social-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-row: 3/4;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-name, .dts-star-details.dts-name-count-30 .dts-star-name, .dts-star-details.dts-name-count-20 .dts-star-name, .dts-star-details.dts-name-count-10 .dts-star-name, .dts-star-details.dts-name-count-short .dts-star-name {
grid-column: 1/2;
grid-row: 1/2;
margin: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-name h1, .dts-star-details.dts-name-count-30 .dts-star-name h1, .dts-star-details.dts-name-count-20 .dts-star-name h1, .dts-star-details.dts-name-count-10 .dts-star-name h1, .dts-star-details.dts-name-count-short .dts-star-name h1 {
font-size: 36px;
margin: 0 10px;
text-align: center;
width: 100%;
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar, .dts-star-details.dts-name-count-short .dts-star-detail-avatar {
-webkit-clip-path: circle(100px at 100px 100px);
clip-path: circle(100px at 100px 100px);
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-short .dts-star-detail-avatar img {
-webkit-clip-path: circle(96px at 100px 100px);
clip-path: circle(96px at 100px 100px);
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar, .dts-star-details.dts-name-count-short .dts-star-detail-avatar {
grid-column: 1/2;
grid-row: 2/3;
top: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-30 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-20 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-10 .dts-star-follow-favorite-social-wrapper, .dts-star-details.dts-name-count-short .dts-star-follow-favorite-social-wrapper {
grid-column: 1/2;
grid-row: 3/4;
margin-left: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 1/2;
grid-row: 4/5;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a {
margin-top: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a:first-of-type, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a:first-of-type, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a:first-of-type, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a:first-of-type, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a:first-of-type {
margin-right: 15px;
margin-top: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a:last-of-type, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a:last-of-type, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a:last-of-type, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a:last-of-type, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a:last-of-type {
margin-left: 15px;
}
.dts-star-details.dts-name-count-40 .dts-star-attributes-bio, .dts-star-details.dts-name-count-30 .dts-star-attributes-bio, .dts-star-details.dts-name-count-20 .dts-star-attributes-bio, .dts-star-details.dts-name-count-10 .dts-star-attributes-bio, .dts-star-details.dts-name-count-short .dts-star-attributes-bio {
grid-column: 1/2;
grid-row: 5/6;
justify-self: stretch;
margin: 0 10px;
}
}
@media (max-width: 640px) {
#pageContentStarDetail .dts-star-hero-image {
width: 100%;
}
#pageContentStarDetail .dts-star-hero-image img {
width: 100%;
}
}
@media (max-width: 530px) {
.dts-star-details {
grid-template-rows: 72px 160px 56px 64px 1fr
}
.dts-star-details.dts-name-count-40,
.dts-star-details.dts-name-count-30,
.dts-star-details.dts-name-count-20,
.dts-star-details.dts-name-count-10,
.dts-star-details.dts-name-count-short {
grid-template-rows: 72px 160px 56px 64px 1fr;
}
.dts-star-details.dts-name-count-40.dts-star-has-hero-image, .dts-star-details.dts-name-count-30.dts-star-has-hero-image, .dts-star-details.dts-name-count-20.dts-star-has-hero-image, .dts-star-details.dts-name-count-10.dts-star-has-hero-image, .dts-star-details.dts-name-count-short.dts-star-has-hero-image {
grid-template-rows: 72px 160px 56px 64px 1fr;
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar, .dts-star-details.dts-name-count-short .dts-star-detail-avatar {
-webkit-clip-path: circle(80px at 80px 80px);
clip-path: circle(80px at 80px 80px);
top: 0;
}
.dts-star-details.dts-name-count-40 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-30 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-20 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-10 .dts-star-detail-avatar img, .dts-star-details.dts-name-count-short .dts-star-detail-avatar img {
-webkit-clip-path: circle(76px at 80px 80px);
clip-path: circle(76px at 80px 80px);
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons {
-ms-flex-item-align: center;
align-self: center;
width: 100%;
}
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a {
}
}
@media (max-width: 450px) {
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a {
width: calc(-25px + 50vw);
}
}
@media (max-width: 340px) {
.dts-star-details .dts-star-follow-favorite-social-wrapper a {
margin-left: 19px;
}
}
@media (max-width: 320px) {
.dts-star-details.dts-name-count-40 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-30 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-20 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-10 .dts-star-movie-scene-buttons a, .dts-star-details.dts-name-count-short .dts-star-movie-scene-buttons a {
width: 135px;
}
}
main .dts-body-section.dts-view-centered .dts-centered-content {
-webkit-box-sizing: content-box;
box-sizing: content-box; /*-- this may be temporary, needed to override a media query on pages with the older versions of code --*/
margin: 30px 0;
padding: 0 20px;
width: 1086px;
}
@media (max-width: 1210px) and (min-width: 480px) {
main .dts-body-section.dts-view-centered .dts-centered-content {
width: calc(-90.84932px + 97.26027vw);
}
}
@media (max-width: 680px) {
main .dts-body-section.dts-view-centered .dts-centered-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
width: 100%;
}
}
@media (max-width: 480px) {
main .dts-body-section.dts-view-centered .dts-centered-content {
margin: 0;
padding: 0 12px;
}
main .dts-body-section.dts-view-centered {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
/* This wraps the play buttons and the purchase widget */
.dts-button-purchase-option:hover {
color: #ffffff;
}
.dts-movie-detail-actions i.dts-icon-x-pass {
font-size: 16px;
}
.dts-movie-detail-actions i {
font-size: 28px;
}
.dts-movie-detail-actions #dtsRentalOption .dts-icon-stopwatch {
color: #0579b9;
}
.dts-movie-detail-actions .dts-button-purchase-option a:focus {
outline: #0579b9 auto 2px;
}
.dts-movie-detail-actions .dts-button-purchase-option:focus {
outline: #0579b9 auto 2px;
}
.dts-movie-detail-actions .dts-icon-cloud {
color: #0579b9;
}
.dts-movie-detail-actions .dts-icon-download {
color: #0579b9;
}
.dts-movie-detail-actions .dts-icon-gift {
color: #0579b9;
}
& .purchase-widget {
position: relative;
min-width: 234px
}
& .purchase-widget.has-free-content {
margin-right: 10px;
}
& .purchase-widget .dts-button-purchase-option-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 36px;
padding-right: 3px;
width: auto;
}
& .purchase-widget .dts-button-purchase-actions {
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
left: 0;
position: absolute;
z-index: 2000;
}
& .purchase-widget .dts-button-purchase-option {
-webkit-box-shadow: none;
box-shadow: none;
min-height: 36px;
}
& .dts-redeem-free-content .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
}
& .dts-redeem-free-content .dts-link-button:hover {
background: #0579b9;
}
& .dts-redeem-free-content .dts-link-button i {
margin-right: 4px;
}
.dts-play-purchase-options-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 20px 20px 20px;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-scene-play {
margin-right: 20px;
padding: 0;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-scene-play .dts-button-play {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget {
display: block;
position: relative;
width: auto;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget.has-free-content {
margin-right: 20px;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content .dts-link-button:hover {
background: #0579b9;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content .dts-link-button i {
margin-right: 4px;
}
.dtsCollectionStarExactMatchScenes .dts-section-page-heading-nav {
display: block;
}
@media (max-width: 1138px) {
.dts-filtered-search .dts-play-purchase-options-wrapper .dts-scene-play .dts-button-play {
min-width: 102px;
}
.dts-filtered-search .dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-scene-play {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dts-filtered-search .dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-filtered-search .dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget.has-free-content {
margin-right: 0;
}
.dts-filtered-search .dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content {
margin-top: 20px;
width: 100%;
}
.dts-filtered-search .dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content .dts-link-button {
width: 100%;
}
}
@media (max-width: 818px) {
.dts-play-purchase-options-wrapper .dts-scene-play .dts-button-play {
min-width: 102px;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-scene-play {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget.has-free-content {
margin-right: 0;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content {
margin-top: 20px;
width: 100%;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-redeem-free-content .dts-link-button {
width: 100%;
}
}
@media (max-width: 640px) {
.dts-play-purchase-options-wrapper {
margin: 0 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dts-play-purchase-options-wrapper .dts-play-buttons-wrapper.dts-scene-play {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0;
}
.dts-play-purchase-options-wrapper .purchase-widget {
width: 100%;
margin-bottom: 20px;
}
.dts-play-purchase-options-wrapper .purchase-widget .dts-button-purchase-option,
.dts-play-purchase-options-wrapper .purchase-widget .dts-button-purchase-option-description {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .dts-play-buttons-wrapper.dts-scene-play {
margin-right: 0;
}
.dts-play-purchase-options-wrapper.dts-scene-strip-purchase-options .purchase-widget {
margin-bottom: 0;
width: 100%;
}
}
/*-- Applies to purchase total line for cart, checkout and receipt views --*/
.dts-comp-purchase-total {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-weight: 600;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 24px;
min-height: 56px;
/* padding: 0 26px; */
}
.dts-cart .dts-comp-purchase-total {
padding: 0;
}
/* Modal Scene Info */
#dtsSceneTouchShield {
z-index: 10001;
}
#dtsSceneModalClose .dts-icon-close.dts-icon-target.active:hover {
background-color: #ffffff;
color: #ffffff;
}
#dtsSceneModalClose .dts-icon-close.dts-icon-target.active {
background-color: #0579b9;
color: #0579b9;
}
#dtsSceneModalClose .dts-icon-close.dts-icon-target:hover {
background-color: #0579b9;
color: #ffffff;
}
#dtsSceneModalClose .dts-icon-close.dts-icon-target {
background-color: #ffffff;
color: #0579b9;
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
}
.dts-scene-modal-wrapper {
margin: 0 auto;
max-width: calc(410.62802px + 48.30918vw)
}
.dts-scene-modal-wrapper .dts-scene-modal-favorite-watch-button-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-scene-modal-wrapper .dts-scene-modal-favorite-watch-button-wrapper .dts-icon-target:first-of-type {
margin-right: 6px;
}
.dts-scene-modal-wrapper .dts-scene-modal-favorite-watch-button-wrapper .dts-link-button-similar-scenes {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-left: 6px;
}
.dts-theme-dark .dts-modal-content-wrapper .dts-section-page-detail-scene .dts-list-attributes {
background: #d1d1d1;
}
.dts-modal-content-wrapper {
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
overflow-y: visible
}
.dts-modal-content-wrapper .dts-section-page-detail-scene {
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: grid;
display: -ms-grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto auto -webkit-min-content;
grid-template-rows: auto auto auto min-content;
max-width: 1400px;
-ms-grid-columns: auto 1fr;
-ms-grid-rows: auto auto auto min-content;
padding: 20px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper .dts-movie-boxcover picture {
display: block;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper .dts-movie-boxcover {
cursor: pointer;
display: block;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper {
grid-column: 1 / 2;
grid-row: 1 / 4;
margin: 0 20px 0 0;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
grid-column: 2 / 3;
grid-row: 3 / 4;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper {
margin: 0;
width: 100%;
padding: 0 10px 0 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play {
min-width: 102px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget .dts-button-purchase-option .dts-button-purchase-actions {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget .dts-button-purchase-option {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget {
width: 100%;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-favorite-watch-button-wrapper .dts-icon-target:active {
background-color: #ff6926;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-queue-control-container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene {
grid-column: 2 / 3;
grid-row: 1 / 2;
margin-bottom: 10px;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
width: 100%;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection {
grid-column: 2 / 3;
grid-row: 2 / 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
overflow-x: auto;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes-wrapper .section-detail.dts-list-attributes ul {
line-height: 22px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes-wrapper .section-detail.dts-list-attributes li {
display: inline;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes-wrapper .section-detail.dts-list-attributes {
grid-column: 2 / 3;
grid-row: 3 / 4;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
justify-self: flex-start;
margin-bottom: 0;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
padding: 2px 8px 5px 8px;/* background: var(--monochrome-start-2); */
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes-wrapper .section-detail.dts-list-attributes.dts-list-attributes-no-results {
display: none;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-header {
background: transparent;
margin-bottom: 0;
padding-bottom: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-header .dts-panel-header-title h1 span {
color: #323232;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-content .dts-hide-queue-scrollbars .dts-queue-control-container .queue_control_container .queue_control_element_holder .dts-collection-item-star:first-of-type {
margin-left: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-content .dts-hide-queue-scrollbars .dts-queue-control-container .queue_control_container {
width: 100vw;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-content .dts-star-name-overlay {
padding-bottom: 4px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-collection-item.dts-collection-item-star.queue_control_element {
margin-bottom: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars {
grid-column: 2 / 3;
grid-row: 3 / 4;
justify-self: flex-end;
margin-top: 20px;
min-height: 150px;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-movie-detail-link .dts-link-button .dts-icon-play {
font-size: 14px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-movie-detail-link {
display: none;
height: 0px;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-column: 1 / 3;
grid-row: 4 / 5;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
margin-top: 20px;
overflow-x: hidden;
}
.dts-modal-content-wrapper .dts-container-star-img-name {
width: 100px;
}
.dts-modal-content-wrapper .dts-scene-strip-slider-container {
margin-top: 0;
}
.dts-modal-content-wrapper .dts-collection-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-modal-content-wrapper .dts-queue-stars .dts-collection-item:last-child {
margin-right: 0;
}
.dts-modal-content-wrapper .dts-queue-stars .dts-collection-item {
margin: 0 20px 20px 0;
width: 100px;
}
.dts-modal-content-wrapper .dts-queue-stars .dts-section-page-detail {
padding-left: 0;
}
.dts-modal-content-wrapper .dts-collection-item:last-child {
margin-right: 0;
}
.dts-modal-content-wrapper .dts-panel-detail-movie-stars .dts-panel-header {
padding-left: 0;
}
#dtsSettingsMemberPurchasesOwnedScenes .purchase-widget {
display: none;
}
@media (max-width: 1100px) {
#dtsSceneModalClose .dts-icon-close.dts-icon-target {
position: static;
}
/* .dts-scene-modal-content {
& .dts-scene-modal-wrapper {
& .dts-section-page-detail-scene {
& .dts-section-page-detail-info-scene {
grid-row: 1 / 3;
grid-column: 1 / 3;
& .dts-section-page-heading-detail {
& .dts-section-page-heading-title {
& h1 {
margin: 10px 0;
}
}
& .dts-section-page-heading-nav {
align-items: center;
display: flex;
justify-self: flex-end;
& .dts-scene-modal-favorite-watch-button-wrapper {
}
& .dts-scene-modal-close {
border-left: 1px solid var(--branding-1);
display: inline-block;
padding-left: 5px;
}
}
}
}
& .dts-section-page-detail-main-image-wrapper {
grid-row: 3 / 5;
}
& .dts-play-purchase-options-wrapper {
grid-row: 4 / 5;
}
& .dts-scene-thumb-collection {
grid-row: 3 / 4;
}
& .dts-scene-modal-attribute-star-wrapper {
grid-row: 5 / 6;
}
grid-template-rows: 1fr 1fr auto min-content;
}
}
}
*/
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene {
-ms-grid-columns: 205px 1fr;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper img {
max-width: 180px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper {
grid-column: 1 / 2;
grid-row: 2 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper {
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
margin-top: 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large .dts-icon-play {
font-size: 28px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large {
font-size: 16px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper {
width: 100%;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-icon-wrapper {
font-size: 25px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-title {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-price span {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget {
width: 100%;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item {
margin-bottom: 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-scene-strip-slider-container.noselect {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 72px;
margin: 0 0 0 10px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene {
grid-column: 1/3;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene {
margin-bottom: 10px;
}
}
@media (max-width: 960px) {
#dtsSceneModalClose .dts-icon-close {
right: 20px;
top: 20px;
}
/* .dts-scene-modal-content {
& .dts-scene-modal-wrapper {
& .dts-section-page-detail-scene {
& .dts-section-page-detail-main-image-wrapper {
& img {
max-width: 225px;
}
grid-column: 1 / 2;
grid-row: 3 / 5;
}
& .dts-play-purchase-options-wrapper {
align-items: space-between;
display: flex;
grid-column: 2 / 3;
grid-row: 4 / 5;
flex-direction: row;
margin-right: 0;
& .dts-play-buttons-wrapper {
& .dts-button-play.large {
& .dts-icon-play {
font-size: calc(16px + 4 * ((100vw - 641px) / 319));
}
font-size: calc(14px + 2 * ((100vw - 641px) / 319));
}
margin: 0;
padding: 0 10px 0 0;
width: 90%;
}
& .dts-button-purchase-option-wrapper {
& .dts-button-purchase-option {
& .dts-button-purchase-option-description-wrapper {
& .dts-button-purchase-option-description {
& .dts-button-purchase-option-icon-wrapper {
font-size: calc(12px + 4 * ((100vw - 641px) / 319));
}
& .dts-button-purchase-option-text-title {
font-size: calc(12px + 2 * ((100vw - 641px) / 319));
}
& .dts-button-purchase-option-text-purchased {
font-size: calc(12px + 2 * ((100vw - 641px) / 319));
}
& .dts-button-purchase-option-text-price {
& span {
font-size: calc(12px + 2 * ((100vw - 641px) / 319));
}
}
}
}
& .dts-button-purchase-actions {
position: absolute;
}
}
}
& .dts-button-purchase-option-wrapper.purchase-widget {
width: 100%;
}
}
& .dts-section-page-detail-info-scene {
& .dts-section-page-heading-detail {
& .dts-section-page-heading-title {
& h1 {
font-size: calc(18px + 4 * ((100vw - 641px) / 319));
}
}
}
margin-bottom: 0;
}
& .dts-scene-thumb-collection {
& .dts-collection-item.dts-collection-item-scene-thumb.queue_control_element:first-of-type {
margin-left: 0;
}
}
& .dts-scene-modal-attribute-star-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-column: 1 / 3;
grid-row: 5 / 6;
& .dts-list-attributes-wrapper {
min-height: 0;
}
& .dts-scene-modal-stars {
min-height: auto;
}
& .dts-scene-modal-stars.dts-scene-modal-stars-no-results {
display: none;
}
}
grid-template-columns: auto;
-ms-grid-columns: 245px 1fr;
-ms-grid-rows: min-content min-content min-content;
min-height: auto;
}
height: 100%;
margin: 0 auto;
max-width: calc(575px + 275 * ((100vw - 641px) / 319));
}
}
*/
}
@media (max-width: 960px) and (orientation: landscape) {
.dts-scene-modal-content {
height: 100%;
}
}
@media (max-width: 830px) {
/* .dts-scene-modal-content {
& .dts-scene-modal-wrapper {
& .dts-section-page-detail-scene {
& .dts-section-page-detail-main-image-wrapper {
& img {
max-width: 180px;
}
grid-column: 1 / 2;
grid-row: 3 / 4;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
}
& .dts-play-purchase-options-wrapper {
& .dts-play-buttons-wrapper {
& .dts-button-play.large {
& .dts-icon-play {
font-size: 28px;
}
font-size: var(--font-size-default);
}
width: 100%;
}
& .dts-button-purchase-option-wrapper {
& .dts-button-purchase-option {
& .dts-button-purchase-option-description-wrapper {
& .dts-button-purchase-option-description {
& .dts-button-purchase-option-icon-wrapper {
font-size: 25px;
}
& .dts-button-purchase-option-text-title {
font-size: var(--font-size-small);
}
& .dts-button-purchase-option-text-purchased {
font-size: var(--font-size-small);
}
& .dts-button-purchase-option-text-price {
& span {
font-size: var(--font-size-small);
}
}
}
}
}
}
& .dts-button-purchase-option-wrapper.purchase-widget {
width: 100%;
}
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
& .dts-scene-thumb-collection {
& .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs {
& .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper {
& .dts-collection-item {
margin-bottom: 0;
}
}
}
& .dts-scene-strip-slider-container.noselect {
margin-bottom: 0;
}
}
& .dts-section-page-detail-info-scene {
& .dts-section-page-heading-detail {
align-items: center;
}
margin-bottom: 10px;
}
-ms-grid-columns: 205px 1fr;
}
}
}
*/
}
@media (max-width: 700px) {
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-scene-play {
margin-bottom: 20px;
padding: 0;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .purchase-widget {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-redeem-free-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-redeem-free-content .dts-link-button {
width: 100%;
}
}
@media (max-width: 640px) {
#dtsSceneTouchShield {
height: 100%;
}
#dtsSceneModalClose .dts-icon-close {
right: 20px;
}
.dts-scene-modal-content, .dts-modal-content {
display: block;
height: 100%;
max-height: 100%;
overflow-y: visible
}
.dts-scene-modal-content .dts-scene-modal-wrapper, .dts-modal-content .dts-scene-modal-wrapper {/* height: 100vh; */
max-height: 100%;
max-width: 100%;
position: relative;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper {
display: none;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large .dts-icon-play, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large .dts-icon-play {
font-size: calc(7.89937px + 2.51572vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large {
font-size: calc(8.94969px + 1.25786vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-icon-wrapper, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-icon-wrapper {
font-size: calc(3.89937px + 2.51572vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-title, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-title {
font-size: calc(5.94969px + 1.25786vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased span, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased span {
font-size: calc(5.94969px + 1.25786vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased {
font-size: calc(5.94969px + 1.25786vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-price span, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-price span {
font-size: calc(5.94969px + 1.25786vw);
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget {
margin-bottom: 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-scene-strip-slider-container.noselect, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-scene-strip-slider-container.noselect {
margin: 0 4%;
padding-left: 20px;
width: auto;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item {
margin-bottom: 10px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item.dts-collection-item-scene-thumb.queue_control_element, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item.dts-collection-item-scene-thumb.queue_control_element {
margin: 0px 0px 0px 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection {
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-nav, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-nav {
margin: 0 auto;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail #dtsSceneModalClose .dts-icon-close.dts-icon-target, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail #dtsSceneModalClose .dts-icon-close.dts-icon-target {
top: 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title {
margin: 0 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: calc(7.89937px + 2.51572vw);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 10px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 a,
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 span,
.dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 a,
.dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 span {
text-align: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes {
margin: 0 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars {
padding: 20px 20px 20px 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-header, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-header {
margin-left: 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-content .dts-hide-queue-scrollbars .dts-queue-control-container .queue_control_container .queue_control_element_holder .dts-collection-item-star, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel.dts-panel-detail-movie-stars .dts-panel-content .dts-hide-queue-scrollbars .dts-queue-control-container .queue_control_container .queue_control_element_holder .dts-collection-item-star {
margin: 0px 0px 0px 20px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-movie-detail-link, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-movie-detail-link {
display: block;
margin: 20px auto;
padding-bottom: 10px;
text-align: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene, .dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene {
grid-template-columns: auto;
grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;
grid-template-rows: min-content min-content min-content min-content min-content min-content;
-ms-grid-columns: 1fr;
padding: 20px 0;
width: 100%;
}
.dts-scene-modal-content {
display: block;
height: 100%;
max-height: 100%;
overflow-y: visible;
width: 100%;
}
.dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item {
margin: 0px 0px 0px 20px;
}
.dts-queue-control-container.dts-queue-container-stars.queue_control_wrapper .queue_control_container .dts-collection-item {
margin: 0px 0px 0px 20px;
}
}
@media (max-width: 520px) {
.dts-modal-content-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-redeem-free-content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: 100%;
}
.dts-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper.purchase-widget {
margin: 0 0 20px;
}
}
@media (max-width: 480px) {
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-main-image-wrapper {
display: none;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail .dts-section-page-heading-title h1 {
font-size: calc(10px + 2.5vw);
line-height: 26px;
padding-top: 10px;
text-align: center;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large .dts-icon-play {
font-size: 28px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper .dts-button-play.large {
font-size: 16px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-play-buttons-wrapper {
width: 100%;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-icon-wrapper {
font-size: 25px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-title {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased span {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-purchased {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper .dts-button-purchase-option .dts-button-purchase-option-description-wrapper .dts-button-purchase-option-description .dts-button-purchase-option-text-price span {
font-size: 14px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper .dts-button-purchase-option-wrapper {
margin-top: 10px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-play-purchase-options-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-column: 1 / 3;
margin: 0 20px;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection .dts-hide-queue-scrollbars.dts-hide-queue-scrollbars-sceneThumbs .dts-queue-control-container.dts-queue-container-sceneThumbs.queue_control_wrapper .dts-collection-item {
margin-bottom: 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-thumb-collection {
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: 1 / 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-scene-modal-stars .dts-panel-header .dts-panel-header-title.dts-panel-header-title-nolink {
font-size: 22px;
margin-bottom: 5px;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-scene-modal-attribute-star-wrapper .dts-list-attributes-wrapper .section-detail.dts-list-attributes {
margin-top: 0;
}
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene {
height: 100%;
min-height: 100vh;
}
.dts-scene-modal-content .dts-scene-modal-wrapper {
height: 100%;
max-height: 100%;
}
}
/* FIREFOX */
@media(min--moz-device-pixel-ratio:0) {
.dts-scene-modal-content {
overflow-x: hidden;
}
}
/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene .dts-section-page-detail-info-scene .dts-section-page-heading-detail {
-ms-grid-columns: 1fr;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 640px) {
.dts-scene-modal-content .dts-scene-modal-wrapper .dts-section-page-detail-scene {
width: 100%;
}
.dts-scene-modal-content .dts-scene-modal-wrapper {
width: 100%;
}
}
.dts-comp-page-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #07334b;
border-top: solid 1px #808080;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
height: 56px;
padding: 0 20px
}
.dts-comp-page-title h1 {
font-weight: 200;
}
.dts-comp-page-title a {
color: #0579b9;
}
.dts-comp-list-page-header {
background: #ffffff;
border-top: solid 1px #808080;
padding: 23px 20px
}
.dts-comp-list-page-header.dts-star-search-alpha-header {
background: #efefef;
}
.dts-comp-list-page-header .dts-list-page-header-title h1 {
justify-self: flex-start;
display: inline;
font-size: 24px;
font-weight: 600;
line-height: 26px;
}
.dts-comp-list-page-header .dts-list-page-header-title h1 a:focus {
outline: #0579b9 auto 2px;
}
.dts-comp-list-page-header .dts-list-page-header-title h1 a {
background-color: transparent;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 0 10px;
margin-left: -10px;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-list-page-header-title-nav a:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-list-page-header-title-nav a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border-color: #0579b9;
border-radius: 3px;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: none;
box-shadow: none;
color: #0579b9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
margin: 20px 10px 0 0;
white-space: nowrap;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-list-page-header-title-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-wrapper input {
border-radius: 0;
border-left-color: #808080;
border-left-style: solid;
border-width: 0 0 0 1px;
height: 28px;
padding-left: 3px;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-wrapper input[type=text] {
border-width: 0;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-wrapper .dts-button-search {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 24px;
border-radius: 0 3px 3px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 28px;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-wrapper {
background-color: #ffffff;
margin: 20px 10px 0 0;
height: 100%;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 10px;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-title {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
align-self: center;
background-color: #e8e8e8;
-webkit-box-shadow: none;
box-shadow: none;
color: #0579b9;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
height: 100%;
padding: 0 3px;
white-space: nowrap;
}
.dts-comp-list-page-header .dts-list-page-header-title {
width: 100%;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a {
background-color: transparent;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
display: inline-block;
height: 32px;
margin: 2px;
width: 32px;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a:hover {
background-color: #0579b9;
border-color: #0579b9;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a:focus {
outline: #0579b9 auto 2px;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
font-weight: 600;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-view-all-link {
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
margin-left: 12px;
padding: 0px 4px;
white-space: nowrap;
width: auto;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-view-all-link:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-view-all-link span {
font-size: 16px;
font-weight: 600;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-header-num-char span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 21px;
font-weight: 500;
height: 34px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: -.065em;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-index-selected-char:hover {
background-color: #0579b9;
border-color: transparent;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-index-selected-char {
background-color: #0579b9;
border-color: transparent;
color: #ffffff;
cursor: default;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-index-selected-num-char {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
cursor: default;
height: 34px;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-index-selected-num-char:hover {
background-color: #0579b9;
border-color: transparent;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-index-selected-num-char span {
font-size: 21px;
font-weight: 500;
letter-spacing: -.065em;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results {
color: #91949c;
background: transparent;
border-color: transparent;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results:hover {
color: #91949c;
background: transparent;
border-color: transparent;
cursor: default;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
font-weight: 600;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-char span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
font-weight: 600;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-char.dts-index-selected-char:hover {
background-color: #0579b9;
border-color: transparent;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-char.dts-index-selected-char {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
cursor: default;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-num-char span {
font-size: 21px;
font-weight: 500;
height: 34px;
letter-spacing: -.065em;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-num-char.dts-index-selected-num-char:hover {
background-color: #0579b9;
border-color: transparent;
color: #ffffff;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-search-link-no-results.dts-list-page-header-num-char.dts-index-selected-num-char {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
cursor: default;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char {
margin-top: 20px;
}
.dts-comp-list-page-header #dtsTextSubSearchInput {
width: 200px;
height: 28px;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char + .dts-list-page-header-title.dts-list-page-header-nav-button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-results-filter-count:empty {
display: none;
}
.dts-results-filter-count::after {
content: "]";
}
.dts-results-filter-count::before {
content: "[";
}
.dts-results-filter-count {
margin-left: 5px;
}
#dtsSubsearchError {
color: #ff0000;
margin: 15px 0 0 0;
white-space: nowrap;
display: none;
}
#dtsAlphaListControlChevron {
margin-left: auto;
-ms-flex-item-align: end;
align-self: flex-end;
height: 40px;
width: 40px;
}
@media (min-width: 680px){
#dtsSearchStars .dts-list-page-header-opened .dts-alpha-menu-control, #dtsSearchStars .dts-list-page-header-closed .dts-alpha-menu-control {
display: none;
}
#dtsSearchStars .dts-list-page-header-opened .dts-list-page-header-alpha-char, #dtsSearchStars .dts-list-page-header-closed .dts-list-page-header-alpha-char {
display: block;
}
}
/* TODO: refactor this */
/* Target landscape phones up to 960 and portrait phones up to 680 */
@media (max-width: 960px) {
#dtsSearchStars .dts-list-page-header-closed .dts-alpha-menu-control {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
width: 40px;
}
#dtsSearchStars .dts-list-page-header-closed .dts-list-page-stars-controls-wrapper {
display: none;
}
#dtsSearchStars .dts-list-page-header-opened .dts-alpha-menu-control {
cursor: pointer;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
width: 40px;
}
#dtsSearchStars .dts-list-page-header-opened .dts-list-page-stars-controls-wrapper {
display: block;
}
#dtsSearchStars .dts-comp-list-page-header .dts-list-page-header-alpha-char + .dts-list-page-header-title.dts-list-page-header-nav-button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
#dtsSearchStars .dts-star-search-alpha-header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
#dtsSearchStars .dts-star-search-alpha-header .dts-list-page-header-title .dts-text-subsearch-wrapper {
margin: 0 10px 10px 0;
}
#dtsSearchStars .dts-star-search-alpha-header .dts-list-page-header-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#dtsSearchStars .dts-star-search-alpha-header .dts-list-page-header-title-nav a {
margin: 0 10px 10px 0;
}
#dtsSearchStars .dts-star-search-alpha-header .dts-list-page-header-alpha-char {
margin: 0 0 10px;
}
#dtsSearchStars .dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-mobile-bkg {
height: 100vh;
}
.dts-comp-list-page-header .dts-list-page-header-alpha-char + .dts-list-page-header-title.dts-list-page-header-nav-button-container {
/* display: flex; */
margin-bottom: 10px;
}
& .dts-star-search .dts-search-filter-submenu-toggle {
margin-top: 50px;
}
& .dts-star-search .dts-search-filter-menu-opened .dts-search-filter-submenu-toggle {
margin-top: 40px;
}
}
@media (max-width: 680px) {
#dtsSearchStars .dts-star-search .dts-search-filters-and-results-container {
margin-top: 60px;
}
#dtsSearchStars .dts-star-search.dts-filtered-search .dts-search-filters-and-results-container .dts-search-filter-menu-opened {
margin-top: 40px;
}
#dtsSearchStars .dts-search-filters-and-results-container {
margin-top: 20px;
}
#dtsSearchStars .dts-star-search-alpha-header {
position: fixed;
top: 48px;
width: 100vw;
z-index: 100;
}
}
@media (max-width: 480px) {
.dts-comp-list-page-header .dts-list-page-header-title h1 {
display: block;
}
.dts-comp-list-page-header .dts-list-page-header-title .dts-text-subsearch-wrapper {
margin: 10px 10px 0 0;
}
#dtsSubsearchError {
white-space: normal;
}
}
/* IE hacks below have to be here because of cascading issues */
/* IE11 Hack */
_:-ms-fullscreen, :root .dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-header-num-char span {
font-weight: 600;
}
/* Edge Hack */
@supports (-ms-ime-align:auto) {
.dts-comp-list-page-header .dts-list-page-header-alpha-char a.dts-list-page-header-num-char span {
font-weight: 600;
}
}
button:focus {
outline: #0579b9 auto 2px;
}
.dts-nav-menu-collapsible .dts-link-button:last-child {
margin-right: 4px;
}
.dts-nav-menu-collapsible .dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-nav-menu-collapsible .dts-link-button {
background-color: #ffffff;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #0579b9;
margin: 0 18px 0 0;
text-align: center;
width: 350px;
}
.dts-link-button {
background-color: #ffffff;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0579b9;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 500;
height: 30px;
line-height: 28px;
padding: 0 6px;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
-webkit-appearance: none
}
.dts-link-button a:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;/* background-color: var(--branding-1);
border-color: var(--branding-1);
color: var(--monochrome-start); */
}
.dts-link-button.dts-default-nav {
background-color: transparent;
border-color: #ffffff;
border-radius: 3px;
border-width: 1px;
color: #ffffff;
}
.dts-link-button.dts-default-nav:hover svg {
fill: #0579b9;
}
.dts-link-button.dts-default-nav:hover {
background-color: #ffffff;
border-color: #ffffff;
color: #0579b9;
}
.dts-link-button.dts-default-nav svg {
fill: #ffffff;
}
.dts-link-button.dts-member-downloads-button:hover {
color: #ffffff;
}
.dts-link-button.dts-member-downloads-button .dts-download-button-icon {
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
}
.dts-link-button.dts-member-downloads-button .dts-download-button-text {
text-align: left;
}
.dts-link-button.dts-member-downloads-button i {
font-size: 20px;
}
.dts-link-button.dts-member-downloads-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.dts-link-button.dts-search-crumbs-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #0579b9;
border-radius: 3px;
border-style: solid;
border-width: 1px;
background: #ffffff;
color: #0579b9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 12px;
font-weight: 500;/* margin-left: 10px; */
margin: 8px 10px 8px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-decoration: none;
white-space: nowrap;
height: 20px;
}
.dts-link-button.dts-search-crumbs-link:hover .dts-search-crumbs-icon {
color: #ffffff;
}
.dts-link-button.dts-search-crumbs-link:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-link-button.dts-search-crumbs-link.active .dts-search-crumbs-icon {
fill: #ff0000;
}
.dts-link-button.dts-search-crumbs-link.active {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
cursor: default;
}
.dts-link-button.dts-search-crumbs-link .dts-search-crumbs-icon {
display: inline-block;
color: #0579b9;/* height: 8px; */
margin-left: 4px;/* margin-bottom: 3px; */
width: 10px;
font-size: 12px;
}
.dts-link-button.dts-more-btn.less {
position: relative;
}
.dts-link-button.dts-more-btn {
cursor: pointer;
display: none;
float: right;
}
.dts-link-button.action:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-link-button.action {
background-color: #15b533;
border-color: #15b533;
color: #ffffff;
}
.dts-link-button.disabled:hover {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.dts-link-button.disabled {
cursor: default;
}
.dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-link-button:hover svg {
fill: #ffffff;
}
.dts-link-button.dts-link-button-standout:hover svg {
fill: #ffffff;
}
.dts-link-button.dts-link-button-standout:hover {
background-color: #ff6926;
border-color: #ffff26;
color: #ffffff;
}
.dts-link-button.dts-link-button-standout svg {
fill: #ffffff;
}
.dts-link-button.dts-link-button-standout {
background-color: #ff4f00;
border-color: #ffff00;
border-radius: 3px;
border-width: 1px;
color: #ffffff;
}
.dts-links-movies-and-scenes .dts-link-button:focus {
outline: #0579b9 auto 2px;
}
.dts-links-movies-and-scenes .dts-link-button {/* &:first-of-type {
margin-left: 0;
}
&:last-of-type {
margin-left: 10px;
} */
margin: 5px 10px 0 0;
}
form .dts-link-button:hover {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
form .dts-link-button {
background-color: #ffffff;
border-color: #0579b9;
border-radius: 3px;
border-width: 1px;
color: #0579b9;
}
/* ------------------------------------------------------------ */
/* Play and Preview Buttons */
/* ------------------------------------------------------------ */
/* TODO: Add margin-left: 10px; to 2nd button */
.dts-button-play {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, left bottom, from(#15b733), to(#12972a));
background: linear-gradient(#15b733, #12972a);
border: 1px solid #b5b5b5;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 600;
height: 36px;
font-size: 28px
}
.dts-button-play:hover svg {
fill: #ffffff;
}
.dts-button-play:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#15b733), to(#12972a));
background: linear-gradient(#15b733, #12972a);
color: #ffffff;
}
.dts-button-play:nth-of-type(2) {
margin-left: 10px;
}
.dts-button-play.preview {
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
background: linear-gradient(#fefefe, #efefef);
color: #2f6d8e;
border: 1px solid #b5b5b5;
}
.dts-button-play.large {
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.dts-button-play svg {
fill: #ffffff;
}
.dts-button-play.dts-vr-test-video-play-button {
width: 250px;
}
.dts-highlight-preview .dts-button-play.large {
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
background: linear-gradient(#fefefe, #efefef);
color: #2f6d8e;
border: 1px solid #b5b5b5;/* order: 2; */
}
.dts-highlight-preview .dts-button-play.preview {
background: -webkit-gradient(linear, left top, left bottom, from(#15b733), to(#12972a));
background: linear-gradient(#15b733, #12972a);
color: #ffffff;
border: 1px solid #b5b5b5;/* order: 1; */
}
/* -------------- overrides for ascending descending sort buttons ------------ */
#dtsSettingsMemberPurchasesOwnedScenes a.dts-link-button.dts-search-crumbs-link.active {
cursor: pointer;
}
#dtsSettingsMemberPurchasesOwnedMovies a.dts-link-button.dts-search-crumbs-link.active {
cursor: pointer;
}
/* ------------------------------------------------------------ */
/* Media Queries */
/* ------------------------------------------------------------ */
@media (max-width: 960px) and (min-width: 641px) {
.dts-flex-wrapper-account-buttons .dts-link-button {
margin-right: 6px;
}
.dts-flex-wrapper-account-buttons {/* & a {
&.dts-link-button {
&:nth-child(1) {
border-radius: 3px 0 0 3px;
}
}
}
& .dts-link-button {
&:nth-child(2) {
border-radius: 0 3px 3px 0;
border-left-width: 0;
margin-right: 6px;
}
} */
}
.dts-flex-wrapper-login-buttons .dts-link-button:nth-child(1) {
margin-right: 10px;
}
.dts-flex-wrapper-login-buttons .dts-link-button:nth-child(2) {
border-radius: 3px 0 0 3px;
margin-right: 0;
}
.dts-flex-wrapper-login-buttons .dts-link-button:nth-child(3) {
border-left-width: 0;
border-radius: 0 3px 3px 0;
}
}
@media (max-width: 480px) {
.dts-links-movies-and-scenes .dts-link-button:last-of-type {
margin-left: 0;
}
}
.dts-panels-container> section:nth-of-type(even):not(#owned-scenes-scene-grid):not(#favorite-scenes-scene-grid) {
background: #ffffff;
}
.dts-panels-container> section:nth-of-type(odd):not(#owned-scenes-scene-grid):not(#favorite-scenes-scene-grid) {
background: #efefef;
}
.dts-panels-container > .dts-panel:target h1, .dts-panels-container > .dts-panel:target h1 a {
color: #323232;
}
.dts-panels-container > .dts-panel:target {
background-color: #ffffff;
}
.dts-panels-container > .dts-panel {
padding-bottom: 30px;/* Ridiculous, have to do this because our panel tag and hierarchy is being used all over the place. Sometimes having panels inside of panels! */
}
.dts-panel > .dts-section-page-detail {
padding-bottom: 0; /* Ridiculous, have to do this because our panel tag and hierarchy is being used all over the place. Sometimes having panels inside of panels! */
}
h1.dts-page-title {
color: #323232;
font-size: 24px;
font-weight: 600;
justify-self: flex-start;
margin: 20px 0;
}
.dts-panel {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
padding-top: 23px
}
.dts-panel .dts-panel-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px 20px;
width: 100%;
}
.dts-panel .dts-panel-header.dts-view-similar-container .dts-panel-header-nav {
margin-left: 0;
}
.dts-panel .dts-panel-header.dts-view-similar-container .dts-panel-header-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
min-height: 29px;
}
.dts-panel .dts-panel-header.dts-view-similar-container .dts-panel-header-title h1 span:first-of-type {
margin-right: 6px;
}
.dts-panel .dts-panel-header h1 {
color: #0579b9;
font-size: 24px;
font-weight: 600;
justify-self: flex-start;
line-height: 26px;
}
.dts-panel .dts-panel-header h1 span.dts-panel-header-title-no-link {
color: #323232;
padding-right: 5px;
padding-top: 10px;
}
.dts-panel .dts-panel-header h1 span.dts-scene-title-metadata {
color: #323232;
font-size: 18px;
padding-right: 5px;
}
.dts-panel .dts-panel-header h1 span.dts-scene-title-metadata span {
white-space: nowrap;
}
.dts-panel .dts-panel-header h1 span.dts-scene-title-metadata .dts-badge-xpass-movie-title {
vertical-align: middle;
}
.dts-panel .dts-panel-header h1 a:focus {
outline: #0579b9 auto 2px;
}
.dts-panel .dts-panel-header h1 a {
color: #0579b9;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ffffff;
border-color: #0579b9;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item:focus {
outline: #0579b9 auto 2px;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item:hover svg {
fill: #ffffff;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item:hover {
background: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item span {
padding-right: 5px;
}
.dts-panel .dts-panel-header .dts-panel-header-nav-item svg {
fill: #0579b9;
}
.dts-panel .dts-panel-header .dts-panel-header-nav .dts-featured-star-movies-and-scenes .dts-link-button:focus {
outline: #0579b9 auto 2px;
}
.dts-panel .dts-panel-header .dts-panel-header-nav {
margin-left: 20px;
}
.dts-panel .dts-panel-header .dts-panel-header-title {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-panel-group .dts-panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-star-with-img-exact-match-wrapper .dts-panel {
width: calc(100% - 216px);
}
.dts-panel-exact-match-star .dts-panel-header {
display: none;
}
#customerServicePageTop {
border: none;
drop-shadow: none;
}
#watch-later-scenes-scene-grid .dts-panel-header-nav {
white-space: nowrap;
}
@media (max-width: 480px) {
.dts-panel .dts-panel-header h1 {
font-size: 18px;
line-height: 20px;
}
.dts-panel .dts-panel-header {
.dts-panel-header .dts-panel-header-nav {
white-space: nowrap;
}
}
.dts-panel.dts-panel-exact-match.dts-panel-exact-match-star {
padding-top: 15px;
}
}
@media (max-width: 640px) and (min-width: 481px) {
.dts-panel .dts-panel-header h1 {
font-size: 20px;
line-height: 22px;
}
}
.dts-section-page-detail-info .dts-queue-control-container .dts-collection-item:first-of-type {
margin-left: 0;
}
.dts-section-page-detail-info .dts-panel-header {
margin-top: 30px;
padding: 0 0 10px;
}
.dts-video-settings {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.dts-video-settings .dts-settings-section {
background: #ffffff;
border-color: rgba(0, 0, 0, .1);
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0.5px 0.5px 2px 0px rgba(0, 0, 0, .5);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 20px 0 20px 20px;
min-width: 360px;
}
.dts-video-settings .dts-settings-section:last-of-type {
margin-right:20px;
}
.dts-video-settings .dts-settings-section > *:not(h2) {
padding: 20px;
}
.dts-video-settings .dts-settings-section p {
margin: 10px 0;
}
.dts-video-settings .dts-settings-section .dts-setting {
border-bottom-color: #b5b5b5;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
.dts-video-settings .dts-settings-section .dts-setting:last-of-type {
border-bottom-width: 0;
}
.dts-video-settings h2 {
color: #323232;
display: block;
font-size: 20px;
font-weight: 600;
min-height: 32px;
padding: 20px 20px 0;
}
.dts-video-settings .dts-video-setting-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.dts-video-settings .dts-video-setting-warning {
background-color: #edb74e;
color: #ffffff;
margin: 10px;
padding: 10px;
border-radius: 10px;
font-style: italic;
display: block;
}
.dts-video-settings label {
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container {
margin: 15px 0 0;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container.dts-advanced-settings-buttons {
line-height: 36px;
position: relative;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container.dts-advanced-settings-buttons.dts-adv-vr-confirmation:after {
content: "advanced settings updated";
left: 24px;
position: absolute;
top: -16px;
z-index: 2;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container.dts-advanced-settings-buttons input {
width: auto;
margin-bottom: 10px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container.dts-advanced-settings-buttons input:first-of-type {
margin-right: 6px;
width: 212px;/* needs to be set for confirmation message to display correctly in button */
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-form-field-label {
display: block;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-settings-input {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 36px;
min-height: 36px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-settings-input> * {
margin-right: 6px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-settings-input input.dts-form-field-checkbox {
height: 20px;
width: 20px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-settings-input input {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 28px;
margin-right: 6px;
padding: 4px;
width: 60px;
}
.dts-video-settings .dts-video-settings-advanced-section-container .dts-form-field-container .dts-settings-input span {
display: inline-block;
font-size: 12px;
line-height: 24px;
}
.dts-video-settings .dts-video-settings-reset-default-button-container {
font-size: 14px;
}
.dts-video-settings .dts-video-settings-reset-default-button[disabled],
.dts-video-settings .dts-video-settings-reset-default-button[disabled]:hover {
background-color: #91949c;
border-color: #91949c;
color: #cccccc;
cursor: default;
}
.dts-video-settings ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #efefef;
border-color: transparent;
border-radius: 3px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 400;
height: 28px;
margin: 4px 0 0;
padding: 0 6px;
}
.dts-video-settings ul li:hover {
background-color: #c4effc;
border-color: #c4effc;
}
.dts-video-settings ul li.dts-selected-config-item {
background-color: #c4effc;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
cursor: default;
font-weight: 500;
}
.dts-video-settings ul li.dts-selected-config-item:hover {
background-color: #c4effc;
border-color: #b5b5b5;
}
.dts-video-settings ul li.dts-selected-config-item.dts-selected-config-confirm {
position: relative;
}
.dts-video-settings ul li.dts-selected-config-item.dts-selected-config-confirm:after {
content: '- updated';
display: inline;
padding-left: 4px;
}
@media (max-width: 1183px) {
.dts-video-settings .dts-settings-section:last-of-type {
margin: 0 20px 20px;
}
.dts-video-settings .dts-settings-section:nth-child(2) {
margin-right: 20px;
}
}
@media (max-width: 800px) {
.dts-video-settings {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dts-video-settings .dts-settings-section:first-of-type {
margin: 20px 20px 0;
}
.dts-video-settings .dts-settings-section:nth-child(2) {
margin-right: 0 20px 20px;
}
}
@media (max-width: 480px) {
.dts-video-settings .dts-settings-section {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
.dts-video-settings .dts-settings-section:first-of-type {
margin: 20px 0 0;
}
.dts-video-settings .dts-settings-section:nth-child(2) {
margin: 20px 0 0;
}
.dts-video-settings .dts-settings-section:last-of-type {
border-bottom-width: 0;
margin: 20px 0;
}
.dts-video-settings .dts-settings-section.dts-video-settings-advanced-section-container .dts-setting.dts-form-field-container .dts-settings-input span {
white-space: normal;
}
.dts-video-settings .dts-settings-section label {
line-height: 18px;
}
.dts-video-settings {
margin: 0;
}
}
@media (max-width: 360px) {
.dts-video-settings ul li.dts-selected-config-item.dts-selected-config-confirm:after {
font-size: 12px;
}
.dts-video-settings .dts-settings-section {
min-width: 320px;
}
.dts-video-settings .dts-settings-section> *:not(h2) {
padding: 20px 15px;
}
}
main .dts-footer-section .dts-no-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: linear-gradient(0deg, rgba(0, 69, 126, 1) 0%, rgba(2, 120, 196, 1) 60%);
color: rgba(107, 156, 183, .79);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 11px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 56px;
}
main .dts-footer-section {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.dts-page-footer {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 69, 126, 1)), color-stop(60%, rgba(2, 120, 196, 1)));
background: linear-gradient(0deg, rgba(0, 69, 126, 1) 0%, rgba(2, 120, 196, 1) 60%);
}
.dts-page-footer a:focus {
outline-width: 0;
}
.dts-page-footer-menu a:hover svg {
fill: #ffffff;
}
.dts-page-footer-menu a:hover {
border-color: #ffffff;
color: #ffffff;
}
.dts-page-footer-menu a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 3px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80%;
}
.dts-page-footer-menu svg {
fill: #ffffff;
}
.dts-page-footer-menu span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 56px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 56px;
width: 100%;
}
.dts-page-footer-menu {
height: 56px;
-webkit-column-gap: 1px;
-moz-column-gap: 1px;
column-gap: 1px;
-webkit-column-count: 8;
-moz-column-count: 8;
column-count: 8;
-webkit-column-rule-color: rgba(255, 255, 255, .4);
-moz-column-rule-color: rgba(255, 255, 255, .4);
column-rule-color: rgba(255, 255, 255, .4);
-webkit-column-rule-style: dotted;
-moz-column-rule-style: dotted;
column-rule-style: dotted;
-webkit-column-rule-width: 1px;
-moz-column-rule-width: 1px;
column-rule-width: 1px;
}
.dts-page-footer-back-to-classic {
height:56px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: rgba(255, 255, 255, .4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.dts-page-footer-back-to-classic.dts-page-footer-rta-logo {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.dts-page-footer-back-to-classic.dts-page-footer-rta-logo div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
}
.dts-page-footer-back-to-classic.dts-page-footer-rta-logo div:first-of-type {
border-right-style: dotted;
border-right-width: 1px;
border-right-color: rgba(255, 255, 255, .4);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dts-page-footer-back-to-classic.dts-page-footer-rta-logo div img {
width: 88px;
}
.dts-page-footer-back-to-classic .dts-footer-link-text-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 3px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: calc(56px - 20%);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 163px;
}
.dts-page-footer-back-to-classic .dts-footer-link-text-item:hover {
border-color: #ffffff;
color: #ffffff;
}
/*********************/
/* MEDIA QUERY RULES */
/*********************/
@media (min-width: 1367px) {
.dts-page-footer-menu.dts-aebn-roku-off .dts-footer-shim {
display: none;
}
.dts-page-footer-menu.dts-aebn-roku-off {
-webkit-column-count: 7;
-moz-column-count: 7;
column-count: 7;
}
.dts-page-footer-menu.dts-partner {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.dts-page-footer-menu.dts-partner-roku-on .dts-footer-shim {
display: none;
}
.dts-page-footer-menu.dts-partner-roku-on {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
}
@media (min-width: 961px) and (max-width: 1366px) {
.dts-page-footer-menu.dts-partner {
height: 56px;
}
.dts-page-footer-menu.dts-partner-roku-on .dts-footer-shim {
display: none;
}
.dts-page-footer-menu.dts-partner-roku-on {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
height: 56px;
}
.dts-page-footer-menu {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
height: 112px;
}
}
@media (min-width: 641px) and (max-width: 960px) {
.dts-page-footer-menu.dts-partner {
height: 56px;
}
.dts-page-footer-menu.dts-partner-roku-on {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
height: 112px;
}
.dts-page-footer-menu {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
height: 112px;
}
}
@media (min-width: 481px) and (max-width: 640px) {
.dts-page-footer-menu.dts-partner {
height: 112px;
}
.dts-page-footer-menu.dts-partner-roku-on {
height: 168px;
}
.dts-page-footer-menu {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
height: 224px;
}
}
@media (max-width: 480px) {
.dts-page-footer-menu.dts-partner {
height: 112px;
}
.dts-page-footer-menu.dts-partner-roku-on {
height: 168px;
}
.dts-page-footer-menu {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
height: 224px;
}
}
#dtsSettingsMemberInboxMessages main .dts-body-section.dts-view-centered .dts-centered-content {
width: 1086px;
}
.dts-no-pointer {
pointer-events: none;
}
.dts-messages .dts-icon-svg-delete {
cursor: pointer;
height: 22px;
width: 22px;
}
.dts-messages .dts-icon-target {
height: 32px;
line-height: 30px;
width: 32px;/* color: var(--branding-1); */
}
.dts-messages .dts-message-count {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0579b9;
border-radius: 3px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 18px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px;
min-width: 18px;
}
.dts-messages .dts-message-delete {
margin-left: 20px;
color: #0579b9;
}
.dts-messages .dts-message-delete:hover {
color: #ffffff;
}
.dts-messages .dts-message-edit a:first-of-type {
margin-right: 20px;
}
.dts-messages .dts-message-edit .disabled {
background-color: transparent;
border-color: #91949c;
color: #91949c;
cursor: default;
}
.dts-messages .dts-message-edit .disabled:hover {
color: #545454;
background-color: transparent;
border-color: #91949c;
color: #91949c;
}
.dts-messages .dts-message-edit {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
white-space: nowrap;
color: #0579b9;
}
.dts-messages .dts-message-edit-mobile .disabled i {
cursor: default;
fill: #545454;
}
.dts-messages .dts-message-edit-mobile .disabled:hover svg {
fill: #545454;
}
.dts-messages .dts-message-edit-mobile .disabled:hover {
background-color: transparent;
border-color: #545454;
}
.dts-messages .dts-message-edit-mobile .disabled {
background-color: transparent;
border-color: #545454;
}
.dts-messages .dts-message-edit-mobile .dts-menu-item {
white-space: nowrap;
}
.dts-messages .dts-message-edit-mobile .dts-message-menu-blocker-hack {
display: none;
height: 32px;
left: 0;
position: absolute;
top: 0;
width: 32px;
z-index: 10;
}
.dts-messages .dts-message-edit-mobile svg {
height: 30px;
width: 30px;
}
.dts-messages .dts-message-edit-mobile {
display: none;
margin-right: 20px;
position: relative;
}
.dts-messages .dts-message-filters-mobile {
display: none;
}
.dts-messages .dts-message-filters > *.dts-message-type-active:last-child {
border-bottom-width: 0;
}
.dts-messages .dts-message-filters > *.dts-message-type-active {
border-right-width: 0;
}
.dts-messages .dts-message-filters > * {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-style: solid;
border-bottom-color: #d1d1d1;
border-bottom-width: 1px;
border-right-style: solid;
border-right-color: #d1d1d1;
border-right-width: 1px;
color: #323232;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 40px;
padding-left: 10px;
padding: 0 12px;
width: 156px;
}
.dts-messages .dts-messages-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-style: solid;
border-bottom-color: #d1d1d1;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
width: 100%;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-checkbox-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 56px;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary.dts-message-unread {
font-weight: 700;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary .dts-message-subject {
max-width: 738px;
overflow: hidden;
text-overflow: ellipsis;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary .dts-message-type {
display: none;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #d1d1d1;
color: #323232;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-messages .dts-messages-list .dts-messages-list-row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-messages .dts-messages-list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 10px;
}
.dts-messages .dts-message-mobile-filters {
display: none;
}
.dts-messages .dts-message-options {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-messages .dts-messages-paginator {
width: 100%;
}
.dts-messages .dts-nav-menu-collapsible li:first-of-type {
margin: 0;
}
.dts-messages .dts-nav-menu-collapsible li:last-of-type {
margin: 0;
}
.dts-messages .dts-nav-menu-collapsible li {
cursor: pointer;
margin: 10px 0;
}
.dts-messages .dts-nav-menu-collapsible {
padding: 10px;
}
.dts-messages .dts-select-all-wrapper label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #0579b9;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 22px;
padding-left: 12px;
white-space: nowrap;
}
.dts-messages .dts-select-all-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 9px;
}
.dts-messages h1 {
width: 190px;
}
.dts-messages input[type="checkbox"] {
cursor: pointer;
height: 22px;
width: 22px;
}
.dts-messages {
-ms-flex-item-align: start;
align-self: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.dts-message-processing {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*-- needs to be moved to a more global style sheet so it is more obvious --*/
@media (max-width: 1210px) and (min-width: 680px) {
.dts-messages-list .dts-message-subject {
width: calc(-436.4717px + 96.98113vw);
}
}
@media (max-width: 734px) and (min-width: 680px) {
.dts-messages .dts-message-options .dts-select-all-wrapper label {
padding-left: calc(-123.92593px + 18.51852vw);
}
.dts-messages .dts-message-options .dts-message-edit a:first-of-type {
margin-right: calc(-170.2963px + 25.92593vw);
}
.dts-messages .dts-message-options .dts-message-edit .dts-message-delete {
margin-left: calc(-170.2963px + 25.92593vw);
}
}
@media (max-width: 680px) {
main .dts-body-section.dts-view-centered .dts-centered-content.dts-messages {
padding: 0;
margin: 0;
}
.dts-messages .dts-message-filters {
display: none;
}
.dts-messages .dts-message-edit-mobile {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dts-messages .dts-messages-header {
background: #ffffff;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 8px 0;
position: fixed;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary .dts-message-subject span:first-of-type {
display: none;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary .dts-message-subject {
min-width: 226px;
width: calc(-94.88889px + 100.27778vw);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary .dts-message-type {
display: inline-block;
}
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 44px;
padding: 6px 0;
}
.dts-messages .dts-messages-list .dts-messages-list-row {
width: 100%;
}
.dts-messages .dts-messages-list {
margin-top: 97px;
padding-right: 20px;
}
.dts-messages .dts-message-filters-mobile .dts-menu-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 160px;
}
.dts-messages .dts-message-filters-mobile {
display: block;
margin-left: 17px;
width: 100%;
}
.dts-messages .dts-message-options .dts-select-all-wrapper .dts-message-checkbox-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 56px;
}
.dts-messages .dts-message-options .dts-select-all-wrapper label {
padding-left: 0;
}
.dts-messages .dts-message-options .dts-select-all-wrapper {
padding-left: 0;
}
.dts-messages .dts-message-options .dts-message-edit {
display: none;
}
.dts-messages h1.dts-page-title {
display: none;
}
}
/* Edge */
@supports (-ms-ime-align: auto) {
@media (max-width: 680px) {
.dts-messages .dts-messages-list .dts-messages-list-row .dts-message-summary {
max-width: calc(-94.88889px + 100.27778vw);
min-width: 226px;
}
}
}
nav .dts-flex-item-nav-2.dts-flex-item-nav-2-logo-mia {
width: 100%;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper {
border-width: 0;
padding: 0;
position: relative;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper.dts-message-available {
background-color: #ffffff;
color: #0579b9;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper.dts-message-available:focus {
color: #ff4f00;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper i {
font-size: 30px;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper .dts-member-messages-bugger-count-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ff4f00;
-webkit-box-shadow: -1px -1px 6px rgba(0, 0, 0, .55);
box-shadow: -1px -1px 6px rgba(0, 0, 0, .55);
border-radius: 50%;
bottom: -9px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: normal;
line-height: initial;
position: absolute;
right: -9px;
width: 20px;
z-index: 10;
}
nav .dts-link-button.dts-default-nav.dts-icon-message-wrapper .dts-member-messages-bugger-count-text.dts-bugger-nine-plus {
display: inline-block;
letter-spacing: -2px;
text-align: center;
}
nav .dts-flex-wrapper-account-buttons.dts-flex-wrapper-account-buttons-w-bug {
min-width: 316px;
}
nav .dts-menu-item.mobile sup {
font-size: 12px;
position: relative;
top: -9px;
vertical-align: super;
}
nav .dts-site-logo.dts-site-logo-mia {
display: none;
}
nav .dts-shopping-cart.disabled {
opacity: 0.5;
}
nav .dts-shopping-cart i {
font-size: 25px;
position: relative;
bottom: -2px;
}
nav .dts-shopping-cart {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav #dtsMobileSearchIcon {
font-size: 28px;
}
@media (min-width: 960px) {
.dts-flex-wrapper-login-buttons {
min-width: 246px;
}
dts-flex-wrapper-account-buttons {
width: 296px;
}
}
@media (max-width: 1096px) and (min-width: 960px) {
.dts-nav-link-text-item {
font-size: calc(-0.11765px + 1.47059vw);
}
}
@media (max-width: 960px) and (min-width: 680px) {
.dts-nav-link-text-item {
font-size: calc(10.57143px + 0.35714vw);
}
}
@media (max-width: 680px) {
.dts-flex-item-nav-1 {
left: none;
position: static;
top: none;
}
.dts-flex-item-nav-2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
@media (max-width: 720px) and (min-width: 680px) {
#dtsSearchComponent #dts-search-auto-complete-panel {
width: 150%;
}
#dtsSearchComponent .dts-search-field-wrapper {
min-width: 70px;
}
#dtsSearchComponent .dts-search-input {
min-width: 70px;
}
#dtsSearchComponent {
min-width: 155px;
}
}
@media (max-width: 680px) {
.dts-body-section {
margin-top: 48px
}
.dts-body-section.dts-no-nav-view {
margin-top: 100px;
}
.dts-default-navigation {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0.5px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0 0.5px 2px 0px rgba(0, 0, 0, .5);
height: 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px
}
.dts-default-navigation .dts-flex-item-nav-1 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 128px;
}
.dts-default-navigation .dts-flex-item-nav-1.dts-flex-item-nav-1-logo-mia {
width: 50px;
}
.dts-default-navigation .dts-flex-item-nav-2.dts-flex-item-nav-2-logo-mia {
width: calc(100% - 50px);
}
.dts-default-navigation .dts-flex-item-nav-2 {
width: calc(100% - 145px);
}
.dts-icon-svg-hamburger {
display: inline-block
}
.dts-icon-svg-hamburger .dts-icon-circle-close {
font-size: 28px;
}
.dts-nav-link-text{
display: none;
}
.dts-header-section {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.dts-logo {
height: 32px;
}
.dts-search-account-login {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
.dts-search-account-login .dts-flex-wrapper-login-buttons,
.dts-search-account-login .dts-flex-wrapper-account-buttons {
display: none;
}
.dts-search-account-login .dts-widget-search {
margin-right: 0;
width: 100%;
}
}
@media (max-width: 480px) {
.dts-default-navigation {
padding: 0 10px
}
.dts-default-navigation .dts-flex-item-nav-1 {
width: 100%;
}
.dts-widget-search {
margin-right: 0;
}
}
/* IE11 Hack */
@media screen and (-ms-high-contrast: none) and (max-width: 960px) and (min-width: 641px) {
nav .dts-flex-wrapper-account-buttons.dts-flex-wrapper-account-buttons-w-bug {
width: auto;
}
.dts-search-form .dts-button-search {
display: inline;
padding-top: 3px;
}
}
#dtsSettingsMemberFavoritesTagMovies .dts-member-data-header .dts-search-crumbs, #dtsSettingsMemberFavoritesTagScenes .dts-member-data-header .dts-search-crumbs, #dtsSettingsMemberFavoritesTagStars .dts-member-data-header .dts-search-crumbs {
height: auto;
margin: 0;
}
#dtsSettingsMemberFavoritesTagMovies .dts-member-data-header, #dtsSettingsMemberFavoritesTagScenes .dts-member-data-header, #dtsSettingsMemberFavoritesTagStars .dts-member-data-header {
padding: 0 20px;
}
#dtsSettingsMemberFavoritesTagMovies .dts-paginator.top, #dtsSettingsMemberFavoritesTagScenes .dts-paginator.top, #dtsSettingsMemberFavoritesTagStars .dts-paginator.top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
}
.dts-tag-checkbox-wrapper {
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: inset 5px 5px 40px 5px rgb(41, 41, 41), inset -5px -5px 40px 5px rgb(41, 41, 41);
box-shadow: inset 5px 5px 40px 5px rgb(41, 41, 41), inset -5px -5px 40px 5px rgb(41, 41, 41);
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100
}
.dts-tag-checkbox-wrapper span .dts-tag-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border: solid 1px #0579b9;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
}
.dts-tag-checkbox-wrapper span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 4px;
position: absolute;
top: 4px;
width: 36px;
}
.dts-tag-checkbox-wrapper.dts-tag-entity-selected .dts-tag-checkbox::after {
content: "\2713";
color: #0579b9;
font-weight: 900;
}
.dts-tag-checkbox-wrapper.dts-tag-entity-selected {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.dts-tag-deselect-all-wrapper.disabled a {
color: #545454;
cursor: default;
pointerEvents: none;
}
.dts-tag-deselect-all-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 30px;
padding: 0 20px;
}
.dts-entity-tag-edit-menu-wrapper > .dts-icon-target {
height: 30px;
width: 30px;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite:hover .dts-icon-target.active i {
color: #0579b9;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite:hover .dts-icon-target.active {
background-color: #ffffff;
border-color: #0579b9;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite:hover {
cursor: pointer;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite .dts-icon-target i {
font-size: 13px;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite .dts-icon-target {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 6px;
padding-right: 1px;
width: 20px;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-tag-remove-favorite {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-menu-item a {
height: auto;
position: static;
width: auto;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu .dts-menu-item {
padding: 0;
}
.dts-entity-tag-edit-menu-wrapper .dts-tag-edit-menu {
cursor: auto;
padding: 6px;
min-width: 100px;
}
.dts-favorite-scenes-tags-modifier .dts-slider {
position: static;
}
.dts-favorite-scenes-tags-modifier .dts-entity-tag-edit-wrapper {
z-index: 100;
}
.dts-tag-edit-menu {
border-color: #b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px
}
.dts-tag-edit-menu .dts-tag-menu-wrapper a.dts-link-button.dts-tag-remove-favorite:last-child {
margin: 10px 6px;
}
.dts-tag-edit-menu .dts-tag-menu-wrapper a.dts-link-button:last-child {
margin: 0 6px;
}
.dts-tag-edit-menu .dts-tag-menu-wrapper a.dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 6px;
padding: 0 8px;
position: static;
width: auto;
}
.dts-tag-edit-menu .dts-tag-menu-wrapper .dts-tag-edit-menu-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 4px;
white-space: nowrap;
}
.dts-tag-edit-menu .dts-tag-menu-wrapper hr {
margin: 12px 0 5px;
}
.dts-tag-edit-menu .dts-tag-menu-wrapper {
margin: 10px;
}
.dts-tag-edit-menu .dts-close-icon-wrapper .dts-icon-close {
cursor: pointer;
font-size: 12px;
}
.dts-tag-edit-menu .dts-close-icon-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 6px;
}
.dts-tag-modal div {
line-height: normal;
margin: 0;
}
.dts-tag-modal img {
display: block;
}
.dts-tag-modal .dts-close-icon-wrapper .dts-icon-close {
cursor: pointer;
font-size: 12px;
}
.dts-tag-modal .dts-close-icon-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 6px;
}
.dts-tag-modal .dts-modal-actions button:last-of-type {
margin-right: 0;
}
.dts-tag-modal .dts-modal-actions button {
font-size: 12px;
height: 20px;
line-height: normal;
margin-right: 2px;
}
.dts-tag-modal .dts-modal-actions .dts-form-input-label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
height: 20px;
line-height: normal;
margin-top: 12px;
}
.dts-tag-modal .dts-modal-actions {
margin-top: 12px;
}
.dts-tag-modal {
background-color: #ffffff;
display: none;
font-size: 14px;
width: 420px;
padding: 10px;
}
.dts-tag-modal-scene div {
margin: 0;
}
.dts-tag-modal-scene img {
display: block;
}
.dts-tag-modal-scene .dts-close-icon-wrapper .dts-icon-close {
cursor: pointer;
font-size: 12px;
}
.dts-tag-modal-scene .dts-close-icon-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 6px;
}
.dts-tag-modal-scene {
background-color: #ffffff;
display: none;
font-size: 14px;
width: 420px;
padding: 10px;
}
.dts-tag-modal-placeholder:before {
content: '#';
}
.dts-tag-modal-placeholder {
color: #0579b9;
font-weight: 600;
word-break: break-all;
}
.dts-tag-module {
background-color: #f6f6f6;
border-color: #b5b5b5;
border-radius: 3px;
border-style: solid;
border-width: 1px;
min-height: 2em;
padding: 8px;
margin: 0 20px 20px
}
.dts-tag-module.dts-tag-no-header {
margin-top: 20px;
}
.dts-tag-module .dts-filter-mode.dts-no-user-tags a span {
text-decoration: underline;
}
.dts-tag-module .dts-filter-mode.dts-no-user-tags a {
font-weight: 500;
text-decoration: none;
}
.dts-tag-module .dts-filter-mode.dts-no-user-tags .dts-tag-list-label {
font-weight: 500;
margin-right: 10px;
}
.dts-tag-module .dts-filter-mode.dts-no-user-tags {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.dts-tag-module .dts-filter-mode {
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-tag-module .dts-global-tag-edit-menu {
margin-left: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.dts-tag-module .dts-icon-target.disabled:hover {
background-color: transparent;
border-color: #545454;
color: #545454;
}
.dts-tag-module .dts-icon-target.disabled {
background-color: transparent;
border-color: #545454;
color: #545454;
cursor: default;
}
.dts-tag-module .dts-icon-target {
height: 30px;
width: 30px;
}
.dts-tag-module .dts-link-button.disabled:hover {
background-color: transparent;
border-color: #808080;
color: #545454;
}
.dts-tag-module .dts-link-button.disabled:focus {
outline-width: 0;
}
.dts-tag-module .dts-link-button.disabled {
background-color: transparent;
border-color: #808080;
color: #545454;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dts-tag-module .dts-link-button.selected:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-tag-module .dts-link-button.selected:focus {
outline-width: 0;
}
.dts-tag-module .dts-link-button.selected {
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
}
.dts-tag-module .dts-link-button.submit {
height: 28px;
}
.dts-tag-module .dts-link-button {
font-size: 12px;
height: 20px;
line-height: 16px;
margin-left: 8px;
}
.dts-tag-module .dts-tag-input-controls .dts-icon-target-wrapper .dts-icon-target:hover i {
color: #0579b9;
font-weight: 900;
}
.dts-tag-module .dts-tag-input-controls .dts-icon-target-wrapper .dts-icon-target i {
font-size: 12px;
}
.dts-tag-module .dts-tag-input-controls .dts-icon-target-wrapper .dts-icon-target {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border: 0;
color: #0579b9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 14px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
}
.dts-tag-module .dts-tag-input-controls .dts-icon-target-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 30px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-label {
font-size: 14px;
font-weight: 500;
margin-right: 10px;
white-space: nowrap;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #b5b5b5;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 30px;
min-width: 0;
white-space: nowrap;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button:last-of-type {
margin-right: 0;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button:hover {
background-color: #0579b9;
color: #ffffff;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button:focus {
outline-width: 0;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button.setTag:last-of-type {
margin-right: 0;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button.setTag .dts-icon-close:before {
border-left: 1px solid #fff;
display: inline-block;
margin-left: 4px;
font-size: 11px;
padding: 4px 0 4px 5px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button .dts-tag-text-wrapper {
display: inline-block;
margin-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-link-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0579b9;
border-color: #0579b9;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 4px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 0;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-edit-instruction.hide {
display: none;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-edit-instruction {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
font-size: 14px;
height: 28px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper input {
border-color: #808080;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
height: 28px;
min-width: 220px;
padding: 0 2px 0 4px;
width: auto;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 4px;
position: relative;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-pointer {
background-color: #000000;
bottom: -5px;
-webkit-box-shadow: 1px 1px #b5b5b5;
box-shadow: 1px 1px #b5b5b5;
height: 10px;
margin-left: 20px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
z-index: 1;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-mark:before {
content: "!";
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-mark {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ff0000;
border-radius: 3px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
height: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 6px;
min-width: 16px;
width: 16px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error .dts-error-message {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ff0000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible .dts-tag-input-error {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000000;
border-color:#b5b5b5;
border-style: solid;
border-width: 1px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 8px 0;
padding: 4px;
position: relative;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper.dts-tag-input-error-visible {
display: block;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-error-wrapper {
display: none;
}
.dts-tag-module .dts-tag-input-controls {
margin-bottom: 8px;
}
.dts-tag-module .dts-start-tagging-message:hover {
text-decoration: underline;
}
.dts-tag-module .dts-start-tagging-message {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
font-size: 14px;
font-weight: 500;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
white-space: nowrap;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-tag-list .dts-link-button {
margin: 6px 10px 4px 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-tag-list .dts-link-button:last-of-type {
margin-right: 0;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-tag-list .dts-link-button .dts-icon-close:before {
content: '';
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-tag-list {
width: 100%;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-icon-target i.dts-icon-chevron-down {
font-size: 18px;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-icon-target i {
font-size: 21px;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-icon-target.dts-show-less-tags {
float: right;
padding-top: 2px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-icon-target.dts-show-more-tags {
float: right;
padding-top: 2px;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-icon-target {
display: none;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask.dts-show-tags {
height: auto;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask {
height: 30px;
overflow: hidden;
width: 100%;
}
.dts-tag-module .dts-tag-list-wrapper {
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 0;
width: 100%;
}
.dts-tag-no-content.dts-search-no-match .dts-tag-no-content-tag-styling {
color: #0579b9;
cursor: pointer;
font-weight: 600;
word-break: normal;
}
.dts-tag-no-content.dts-search-no-match {
margin: 20px;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
}
.dts-tag:last-of-type {
margin-right: 0;
}
.dts-tag:before {
content: '#';
}
.dts-tag {
background-color: #545454;
border-color: #545454;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #fff;
cursor: default;
display: inline-block;
font-size: 12px;
margin: 0 5px 5px 0;
padding: 1px 3px;
}
.dts-taglist-wrapper h2 span {
display: inline-block;
font-weight: 500;
overflow: hidden;
padding: 0 8px;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
.dts-taglist-wrapper h2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom-color: #808080;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
width: 100%;
}
.dts-taglist-wrapper .dts-tag-list-item {
background-color: #ffffff;
pointer-events: none;
font-size: 12px;
height: 20px;
line-height: 16px;
margin: 4px;
margin-left: 8px;
max-width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dts-taglist-wrapper .dts-tag-tool-tip {
background-color: #ffffff;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .5);
display: block;
min-height: 90px;
overflow: auto;
position: absolute;
top: 10px;
width: 240px;
z-index: 1000;
}
.dts-taglist-wrapper .dts-tag-tool-tip-no-tags {
font-size: 14px;
padding: 0 8px;
}
.dts-taglist-wrapper .dts-tag-list {
padding: 4px 0;
width: 100%;
}
.dts-taglist-wrapper {
display: none;
position: relative;
}
.dts-taglist-wrapper-open {
display: block;
}
/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dts-tag-modal-placeholder {
display: inline-block;
word-wrap: break-word;
}
}
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper input {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper .dts-tag-edit-instruction {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
@media (max-width: 680px) {
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper .dts-tag-edit-instruction {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-tag-module.dts-tag-IE-helper .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.dts-tag-module .dts-filter-mode {
display: block;
}
.dts-tag-module .dts-global-tag-edit-menu {
float: right;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper.dts-no-tag-input .dts-selected-tags {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-edit-instruction {
border-color: #808080;
border-radius: 3px;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: calc(7.2px + 1vw);
min-width: 220px;
padding: 0 4px;
white-space: normal;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper input {
font-size: calc(7.2px + 1vw);
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-tag-input-submit-wrapper {
margin: 4px 0;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper {
border: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper {
display: block;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-label {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask {
margin-top: 10px;
}
.dts-tag-module .dts-tag-list-wrapper {
display: block;
}
.dts-tag-module {
border-left-width: 0;
border-radius: 0;
border-right-width: 0;
margin: 0 0 20px;
}
}
/**** scaling long tag names to viewport dimensions ****/
@media (max-width: 440px) {
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-remove-tag.setTag {
max-width: calc(-46.11111px + 86.11111vw);
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-delete-tag.setTag {
max-width: calc(-46.11111px + 86.11111vw);
}
}
@media (max-width: 420px) {
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-add-tag.setTag .dts-add-tag-text-wrapper {
max-width: calc(140px + 35.71429vw);
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-add-tag.setTag {
max-width: calc(110px + 57.14286vw);
}
.dts-tag-module .dts-tag-input-controls .dts-tag-input-wrapper .dts-tag-edit-wrapper .dts-selected-tags .dts-rename-tag.setTag {
max-width: calc(110px + 57.14286vw);
}
}
@media (max-width: 360px) {
.dts-tag-module .dts-tag-list-wrapper .dts-tag-list-mask .dts-tag-list .dts-filter-tag {
max-width: calc(15px + 87.5vw);
overflow: hidden;
text-overflow: ellipsis;
}
}
.dts-autocomplete-items div:hover {/* when hovering an item: */
background-color: #0579b9;
color: #ffffff;
}
.dts-autocomplete-items div:first-of-type {
border-radius: 3px 3px 0 0;
}
.dts-autocomplete-items div:last-of-type {
border-radius: 0 0 3px 3px;
border-bottom-width: 1px;
}
.dts-autocomplete-items div .dts-autocomplete-char-match {
font-weight: 600;
}
.dts-autocomplete-items div {
background-color: #f8f8f8;
border-color: #b5b5b5;
border-style: solid;
border-width: 1px 1px 0 1px;
font-size: 14px;
color: #323232;
cursor: pointer;
overflow: hidden;
padding: 4px;
text-overflow: ellipsis;
white-space: nowrap;
}
.dts-autocomplete-items .dts-autocomplete-active {/* when navigating through the items using the arrow keys: */
}
.dts-autocomplete-items .dts-autocomplete-active:hover {
color: #ffffff;
}
.dts-autocomplete-items .dts-autocomplete-active {
background-color: #0579b9;
color: #ffffff;
}
.dts-autocomplete-items {
left: 0;
overscroll-behavior: contain;
position: absolute;
top: 104%;
right: 0;
z-index: 1000;
}
.dts-member-data-header .dts-nav-menu-collapsible li a {
font-size: 16px;
}
.dts-member-data-header .dts-nav-menu-collapsible li {
font-size: 16px;
max-width: 172px;
}
.dts-member-data-header .dts-search-crumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0 0 10px;
height: 56px;
}
.dts-member-data-header .dts-paginator.top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.dts-member-data-header {/* & .dts-paginator-search-count {
margin-right: 20px;
} */
}
.dts-member-data-header .dts-search-total {
margin-right: 0;
}
.dts-member-data-header #dtsSortsMenu a {
display: inline-block;
width: 100%;
}
.dts-member-data-header #dtsSortsMenu li {
height: 36px;
}
.dts-member-data-header #dtsSortsMenu {
max-width: 172px;
background-color: #ccc;/* TEMP */
}
.dts-member-data-header {
padding: 0 20px 20px;
}
#dtsSettingsMemberWatchLaterScenes .dts-search-sort-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
@font-face {
font-family: "dts-icons";
src: url('/resources/fonts/dts-icons.eot?t=1683145900323'); /* IE9*/
src: url('/resources/fonts/dts-icons.eot?t=1683145900323#iefix') format('embedded-opentype'), /* IE6-IE8 */
url("/resources/fonts/dts-icons.woff2?t=1683145900323") format("woff2"),
url("/resources/fonts/dts-icons.woff?t=1683145900323") format("woff"),
url('/resources/fonts/dts-icons.ttf?t=1683145900323') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('/resources/fonts/dts-icons.svg?t=1683145900323#dts-icons') format('svg'); /* iOS 4.1- */
}
[class^="dts-icon-"], [class*=" dts-icon-"] {
font-family: 'dts-icons' !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: never;
font-weight: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.dts-icon-addCard:before { content: "\ea01"; }
.dts-icon-adv-search:before { content: "\ea02"; }
.dts-icon-bitcoin-btc-logo:before { content: "\ea03"; }
.dts-icon-bitcoin-cash-bch-logo:before { content: "\ea04"; }
.dts-icon-bookmark:before { content: "\ea05"; }
.dts-icon-cam:before { content: "\ea06"; }
.dts-icon-chat:before { content: "\ea07"; }
.dts-icon-checkbox-checked:before { content: "\ea08"; }
.dts-icon-checkbox:before { content: "\ea09"; }
.dts-icon-chevron-double-left:before { content: "\ea0a"; }
.dts-icon-chevron-double-right:before { content: "\ea0b"; }
.dts-icon-chevron-down:before { content: "\ea0c"; }
.dts-icon-chevron-right:before { content: "\ea0d"; }
.dts-icon-circle-close:before { content: "\ea0e"; }
.dts-icon-circle-plus-dark:before { content: "\ea0f"; }
.dts-icon-close:before { content: "\ea10"; }
.dts-icon-cloud:before { content: "\ea11"; }
.dts-icon-dark-mode:before { content: "\ea12"; }
.dts-icon-dash-dash-logo:before { content: "\ea13"; }
.dts-icon-delete:before { content: "\ea14"; }
.dts-icon-download:before { content: "\ea15"; }
.dts-icon-email:before { content: "\ea16"; }
.dts-icon-ethereum-eth-logo:before { content: "\ea17"; }
.dts-icon-facebook:before { content: "\ea18"; }
.dts-icon-favorite:before { content: "\ea19"; }
.dts-icon-filter-exclude:before { content: "\ea1a"; }
.dts-icon-filter-include:before { content: "\ea1b"; }
.dts-icon-follow:before { content: "\ea1c"; }
.dts-icon-following:before { content: "\ea1d"; }
.dts-icon-gift:before { content: "\ea1e"; }
.dts-icon-hamburger:before { content: "\ea1f"; }
.dts-icon-info:before { content: "\ea20"; }
.dts-icon-instagram:before { content: "\ea21"; }
.dts-icon-light-mode:before { content: "\ea22"; }
.dts-icon-litecoin-cash-lcc-logo:before { content: "\ea23"; }
.dts-icon-loading:before { content: "\ea24"; }
.dts-icon-mail:before { content: "\ea25"; }
.dts-icon-messages:before { content: "\ea26"; }
.dts-icon-move-up:before { content: "\ea27"; }
.dts-icon-movie-trailer:before { content: "\ea28"; }
.dts-icon-onlyfans:before { content: "\ea29"; }
.dts-icon-panning:before { content: "\ea2a"; }
.dts-icon-pay-by-mail:before { content: "\ea2b"; }
.dts-icon-phone:before { content: "\ea2c"; }
.dts-icon-play:before { content: "\ea2d"; }
.dts-icon-radio-checked:before { content: "\ea2e"; }
.dts-icon-radio:before { content: "\ea2f"; }
.dts-icon-rotate-cover:before { content: "\ea30"; }
.dts-icon-search:before { content: "\ea31"; }
.dts-icon-shopping-cart-add:before { content: "\ea32"; }
.dts-icon-shopping-cart:before { content: "\ea33"; }
.dts-icon-snapchat:before { content: "\ea34"; }
.dts-icon-sort-ascending:before { content: "\ea35"; }
.dts-icon-sort-descending:before { content: "\ea36"; }
.dts-icon-sort-unselected:before { content: "\ea37"; }
.dts-icon-stopwatch:before { content: "\ea38"; }
.dts-icon-tags-info:before { content: "\ea39"; }
.dts-icon-tether-usdt-logo:before { content: "\ea3a"; }
.dts-icon-triangle-right:before { content: "\ea3b"; }
.dts-icon-tron-trx-logo:before { content: "\ea3c"; }
.dts-icon-twitter:before { content: "\ea3d"; }
.dts-icon-usd-coin-usdc-logo:before { content: "\ea3e"; }
.dts-icon-view-grid:before { content: "\ea3f"; }
.dts-icon-view-list:before { content: "\ea40"; }
.dts-icon-visibility-off:before { content: "\ea41"; }
.dts-icon-visibility-on:before { content: "\ea42"; }
.dts-icon-x-pass:before { content: "\ea43"; }
.dts-icon-xrp-xrp-logo:before { content: "\ea44"; }
.dts-icon-style-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Customer Service Page */
.dts-cs-contact-options-wrapper i {
font-size: 28px;
}
.dts-icon-twitter {
font-size: 28px;
}
.dts-icon-adv-search {
font-size: 25px;
}
.dts-icon-delete {
font-size: 25px;
margin: auto 0 0 3px;
}
.dts-icon-info {
font-size: 25px;
}
.dts-icon-shopping-cart {
font-size: 28px;
}
.dts-icon-messages {
font-size: 25px;
}
.dts-icon-circle-close {
font-size: 28px;
}
.dts-icon-hamburger {
font-size: 28px;
}
.dts-icon-movie-trailer {
font-size: 20px;
}
.dts-icon-bookmark, .dts-icon-favorite {
font-size: 20px;
}
.dts-icon-visibility-off, .dts-icon-visibility-on {
font-size: 21px;
}
.dts-icon-filter-exclude, .dts-icon-filter-include {
font-size: 20px;
color: #0579b9;
}
.dts-icon-checkbox {
font-size: 20px;
}
.dts-icon-checkbox-checked {
font-size: 19px;
}
.dts-icon-play {
font-size: 28px;
}
.dts-icon-x-pass {
display: inline;
position: relative;
bottom: -2px;
}
[class^="dts-sort-"], [class*=" dts-sort-"] {
padding-top: 4px;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 11000;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; }
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; }
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*